Vermilion

Full Stack Developer |
Learning, building & sharing the journey here. 🚀

[Vermilion @909Vermilion]

Notes App
- Added signin & signup anchor links to the signup & signin pages respectively.
- Refactor signin page for server side session check, so that the logged-in user doesn't get to see it.

#buildinpublic #Nextjs #Reactjs #javascript #connect

[Vermilion @909Vermilion]

Learned Tanstack Query (React Query) Basics
- Querying
- Mutation
- Caching
- Pagination
- Infinite Scroll

#Reactjs #javascript #connect #LearnInPublic

[Vermilion @909Vermilion]

@upen37 Sure!

[Vermilion @909Vermilion]

Notes App
- Fixed notes alignment in the grid
- Fixed redirection after login issue

#buildinpublic #Nextjs #Reactjs #javascript #connect

[Vermilion @909Vermilion]

@RaviChaitanyaY Sure!

[Vermilion @909Vermilion]

Notes App
- Added functionality for archiving and un-archiving notes
- Added functionality for trashing, un-trashing and permanently deleting a note
- Added delete confirmation modal
- Added note details context

#buildinpublic #Nextjs #Reactjs #javascript #connect

[Vermilion @909Vermilion]

@harshgupta372 Sure!

[Vermilion @909Vermilion]

Notes App
- Updated Note db model - added attributes "color", "archived", and "trashed"
- Added functionality for choosing note color when creating a note
- Added functionality for updating the note color

#buildinpublic #Nextjs #Reactjs #javascript #connect

[Vermilion @909Vermilion]

Notes App
- Added useSession custom hook for logged in user details
- Added create note functionality
- Added logic for hiding navbar on certain routes
- Added note footer note color picker, archive button and delete button

#builldinpublic #Nextjs #Reactjs #typescript #connect

[Vermilion @909Vermilion]

@GuiBibeau I'll be honest, I'm loving it! Especially the concept of server actions, it makes life so much simpler

[Vermilion @909Vermilion]

Notes App
- Added functionality for editing and deleting the notes
- Created useDisclosure custom hook for modal control
- Connected nav links to their respected routes

#buildinpublic #Nextjs #Reactjs #javascript #connect

[Vermilion @909Vermilion]

Notes App
- Added functionality for fetching the user notes from the DB
- Added lightbox modal for editing the notes
- Updated DB schema (added Note model)

#buildingpublic #Nextjs #reactjs #connect

[Vermilion @909Vermilion]

Notes App
- Added credentials authentication using auth.js
- Added text ellipsis to the note component

#buildingpublic #Nextjs #reactjs

[Vermilion @909Vermilion]

Started new Next.js learning project - Notes App

- Created sign up and sign in pages
- Created side drawer nav
- Setup prisma for postgresql

#buildingpublic #Nextjs #reactjs

[Vermilion @909Vermilion]

🚀 Day 51-61 of #100DaysOfCode 🚀

Cruise Ship Management Project
- Added:
- useAuth custom hook
- Auth middleware
- Separate token verification route
- Protected routes wrapper for react router
- Upload file functionality using Multer & Cloudinary

#buildinpublic

[Vermilion @909Vermilion]

🚀 Day 48, 49, 50 of #100DaysOfCode 🚀

Cruise Ship Management Project
- Created backend routes and db models for food, snacks, beverages, stationery, users and movies
- Connected frontend and backend using axios calls, for adding and viewing user

#learninpublic #buildinpublic

[Vermilion @909Vermilion]

🚀 Day 47 of #100DaysOfCode 🚀

Cruise Ship Management Project
- Created admin pages for:
- Viewing user details
- Adding new user
- Managing food, snack, beverage items
- Managing movies, stationery items

#learninpublic #buildinpublic

[Vermilion @909Vermilion]

🚀 Day 45 & 46 of #100DaysOfCode 🚀

Cruise Ship Management Project
- Created beverage food, snacks, beverages, stationery orders page
- Created movie, fitness centre, beauty salon, party hall bookings page

#learninpublic #buildinpublic #connect

[Vermilion @909Vermilion]

🚀 Day 44 of #100DaysOfCode 🚀

Cruise Ship Management Project
- Refactored home page
- Created Beverages, BeverageOrders, Bookings, BeautySalon, FitnessCentre, PartyHall pages
- Added icons to the navbar

#learninpublic #buildinpublic #connect

[Vermilion @909Vermilion]

🚀 Day 43 of #100DaysOfCode 🚀

Cruise Ship Management Project
- Created movie card component
- Created movies page
- Created new login page

#learninpublic #buildinpublic #connect