Merge branch 'develop' into name_input_onbording_form

Author: NiallJoeMaher

README.md

@@ -26,7 +26,6 @@ We have a fantastic community growing on Discord. Click [here](https://discord.g
 ```bash
 npm install
 ```
-
 - If you have any issues installing dependencies, check your node version against that defined in the `.nvmrc`. If you're using `nvm`, you can run `nvm use` before installing dependencies.
 
 5. Create a `.env` file and add the following variables. You can copy the contents of `sample.env` with `cat sample.env > .env`.
@@ -43,17 +42,22 @@ NEXTAUTH_URL=http://localhost:3000/api/auth
 
 For a more detailed how to guide on setting them up [go to the Environment Variables section](#environment-variables).
 
-6. [Make sure your database is running](#database_url) and setup the tables in the database with Drizzle by running:
+**NOTE:** Before proceeding, [make sure your database is running](#database_url).
+
+6.  Setup the tables in the database with Drizzle by running:
+
 
 ```bash
 npm run db:push
 ```
+The full command can be seen in our [package.json](/package.json#16) file
 
 7. Seed the database with some mock data by running:
 
 ```bash
 npm run db:seed
 ```
+The full command can be seen in our [package.json](/package.json#19) file
 
 8. Finally, run the development server:
 
@@ -90,12 +94,18 @@ Alternatively, if you have PostgreSQL running locally then you can use your loca
 Currently, we only allow authentication via GitHub. To enable this you need to have a `GITHUB_ID` and `GITHUB_SECRET` value.
 
 Setup your GitHub ID & Secret on GitHub:
+- [Click here](https://github.com/settings/applications/new) to setup New OAuth App and fill in the details as shown below.
 
-- [https://developer.github.com/apps/building-oauth-apps/authorizing-oauth-apps](https://developer.github.com/apps/building-oauth-apps/authorizing-oauth-apps)
-
-**Shortcut** - [Click here](https://github.com/settings/applications/new) to setup New OAuth App.
 
-For development, make sure you setup this with a **Homepage URL** of `http://localhost:3000/` and **Authorization callback URL** of `http://localhost:3000/api/auth`.
+For development, make sure you setup this with a **Homepage URL** of
+```
+http://localhost:3000/
+```
+and **Authorization callback URL** of
+ ```
+http://localhost:3000/api/auth
+```
+as shown in the image below:
 
 ![Screenshot 2022-10-25 at 08 22 03](https://user-images.githubusercontent.com/12615742/197709325-50766dc2-2245-438c-8f71-09064fc3b123.png)
 
@@ -104,6 +114,9 @@ After you click the "Register application" button you should see the `GITHUB_ID`
 After generating the secret, make sure you copy this value to your `.env` file as this value can not be seen again once you refresh the page. 👇
 ![Screenshot 2022-10-25 at 08 26 04](https://user-images.githubusercontent.com/12615742/197710697-ef791d9e-b205-4667-a97c-477148917897.png)
 
+More info on Authorizing OAuth in the GitHub documentation
+[here](https://developer.github.com/apps/building-oauth-apps/authorizing-oauth-apps).
+
 ### Setting up Passwordless auth locally
 
 In order to use Passwordless login locally you need to have a `ACCESS_KEY` and `SECRET_KEY` value.

app/(app)/alpha/additional-details/_client.tsx

@@ -152,21 +152,15 @@ function SlideOne({ details }: { details: UserDetails }) {
           </Field>
         </div>
 
-        <div className="mx-4 mt-4 ">
+        <div className="mx-4 mt-4">
           <Field>
             <Label>Username</Label>
-            <div className="mt-2 flex rounded-md shadow-sm">
-              <span className=" inline-flex items-center rounded-l-md border border-r-0 border-gray-300 bg-black px-3  font-semibold text-white dark:bg-white dark:text-black sm:text-sm">
-                codu.co/
-              </span>
-              <Input
-                id="username"
-                placeholder="Enter username"
-                invalid={!!errors?.username}
-                {...register("username")}
-                className="rounded-l-none focus-within:after:rounded-l-none"
-              />
-            </div>
+            <Input
+              id="username"
+              placeholder="Enter username"
+              invalid={!!errors?.username}
+              {...register("username")}
+            />
             {errors?.username && (
               <ErrorMessage className="text-red-500">
                 {errors.username.message}

app/(app)/letters/nodejs-course-tiktok-channel/page.mdx

@@ -0,0 +1,76 @@
+Tue, October 8th, 2024 • Niall Maher
+
+# 🚀 Node.js Course, TikTok Channel & More
+
+Maintaining an Open-Source repository during Hacktoberfest is hard work. But it's always fun to welcome new contributors.
+
+Earlier today, we hit 69 contributors on Codú's Open-Source codebase!
+
+Nice...
+
+🖥️ **New Node.js Course Launch**: I've started a new course on building CLI tools with Node.js. It's aimed at someone who knows JS and is interested in learning Node.js. Here's the series so far:
+
+- [Introduction to Node.js](https://www.codu.co/articles/introduction-to-node-js-wcw5rwlz)
+- [Setting Up Node.js](https://www.codu.co/articles/setting-up-node-js-2fe_wafm)
+- [Node.js and Non-Blocking Operations](https://www.codu.co/articles/event-driven-architecture-node-js-and-non-blocking-operations-i65wflm3)
+- [Node.js vs JS in the Browser](https://www.codu.co/articles/node-js-vs-js-in-the-browser-dj1e1ilg)
+- [Building a Simple CLI Tool with Node.js](https://www.codu.co/articles/building-a-simple-cli-tool-with-node-js-dha19one)
+- [Working with Modules in Node.js](https://www.codu.co/articles/working-with-modules-in-node-js-kfgeg-by)
+
+📱 **Codú TikTok**: We've joined the TikTok! Follow us for bite-sized coding tips and behind-the-scenes peeks at the dev life. Check out our first post [here](https://www.tiktok.com/@codu.co/video/7420768768604851489?_r=1&_t=8qBDUDtaoJF), which has a cool VS Code tip.
+
+## 📚 This Week's Picks
+
+**[The Undeniable Utility Of CSS :has (13 mins)](https://www.joshwcomeau.com/css/has/)**
+
+In this blog post, Josh introduces you to :has and shares some of the most interesting real-world use cases he has found, along with some "mindblowing" experiments.
+
+**[An Engineer's Checklist of Logging Best Practices (8 mins)](https://www.honeycomb.io/blog/engineers-checklist-logging-best-practices)**
+
+This checklist of best practices will make your logging efficient, actionable, and scalable.
+
+**[Uploading Images in Next.js (File Uploads, Filestack) (3 mins)](https://www.codu.co/articles/uploading-images-in-next-js-file-uploads-filestack-vntnaf6h)**
+
+Uploading images in Next.js is a common task when developing web applications. This tutorial explores two different approaches.
+
+**[Bolt - AI App Builder (resource)](https://bolt.new/)**
+
+_"Prompt, run, edit, and deploy full-stack web apps_." This new AI tool for developers is igniting the internet.
+
+**[How to Reduce Docker Image Size (5 mins)](https://dev.to/prodevopsguytech/how-to-reduce-docker-image-size-best-practices-and-tips-for-devops-engineers-1ahg)**
+
+Best Practices and Tips for DevOps Engineers
+
+**[Build a Full Stack Calendly clone (video)](https://www.youtube.com/watch?v=0Oacr8VrnNk)**
+
+In this video, Kyle shows you how to create a Calendly clone complete with Google Calendar integration. This project uses Next.js, TypeScript, Drizzle, Neon, Clerk, and ShadCN.
+
+## 📖 Book of the Week
+
+**["Node.js Design Patterns" (3rd Edition)](https://amzn.to/3UoF7Rl)** by Mario Casciaro and Luciano Mammino
+
+Raise your Node.js skills with this comprehensive guide to designing and implementing production-grade applications. Packed with proven patterns and techniques, this book is a must-read for developers looking to write better, scalable, and maintainable Node.js code.
+
+## 🛠️ Something to Enjoy
+
+**[Obsidian](https://obsidian.md/?utm_campaign=Focused&utm_medium=email&utm_source=Revue%20newsletter) --- [obsidian.md](https://obsidian.md/)**Obsidian is a powerful knowledge base on top of a local folder of plain text Markdown files. The human brain is non-linear: we jump from idea to idea constantly. Obsidian helps you map things more like your brain.
+
+## 📅 Upcoming Events
+
+**React Dublin Autumn Meetup**: Join us for an evening of React goodness!
+
+- When? Thursday, October 10th at 18:00.
+- Where? Workday, Dublin.
+- RSVP: [https://guild.host/events/react-dublin-autumn-up984j](https://guild.host/events/react-dublin-autumn-up984j)
+
+## 🔗 Quick Links
+
+- **Codú TikTok:** [https://www.tiktok.com/@codu.co](https://www.tiktok.com/@codu.co)
+- **Hacktoberfest GitHub Issues:** [https://github.com/codu-code/codu/issues](https://github.com/codu-code/codu/issues)
+- **Our YouTube channel:** [https://www.youtube.com/@codu](https://www.youtube.com/@codu)
+
+Thanks, and stay awesome,
+
+Niall
+
+Founder @ Codú