Calvin's repositories
AuthJS-V5-Authentication-In-Nextjs14
Tutorial codes on how to use latest version of next-auth which is auth-js version 5 to implement authentication in nextjs14 projects by using credential providers and also google provider for the authentication of users. It also handles protected routes using next-auth middleware.
Airbnb-Nextjs-clone
A clone of the very popular AirBnB website which uses Kinde api for user authentication and Supabase for data and file storage.
API-Routes
A brief introduction to using api routes in nextjs using the pages router approach
calvinucheoma
Config files for my GitHub profile.
Artify-Marketplace
A full-stack marketplace website created using NextJS, where users can buy and sell artworks. It uses stripe api to handle payment integrations.
E-Commerce--with-Admin-Panel
An e-commerce website which focuses mainly on the admin panel of the website. Added functionalities for creating, editing and deleting products from the mongoDB database. Redux was used to manage states throughout the application.
E-commerce--with-Filtering-System
A mini e-commerce webpage that focuses on filtering the data gotten back from the backend. It makes use of react-query for data fetching and Upstash for the database storage and logic.
Fitness-Gym-Website
A gym fitness website created using react.js and typescript. useForm hook was used to handle the form section and tailwind was used for the styling.
Memories-MERN-Project
A mern stack project that allows users to create, edit and delete memories on the page.
MERN-Stack-Blog-Site
A blog web app created using MERN stack
MessengerX
A chat application created using nextjs which makes use of Pusher for real-time communication over WebSockets. Cloudinary API is used to handle the upload and display of photo messages. Online users are represented by a green circle icon.
Netflix-clone
A clone of the popular Netflix website created using Next.js, incorporating user authentication with NextAuth using Google, GitHub, and email providers, and utilizing Supabase for database storage.
NextEvents
My second next.js project created using the Pages Router approach for setting up routes. This is a very simple website that focuses more on navigating how the pages router works in next.js. Users can view all events and filter events by date on the website. The second branch focuses on how to use page re-rendering and data fetching capabilities.
NEXTJS-BLOG-WEB-APP
A blog web app created using Nextjs which makes use of CRUD functionality and AuthJS for authentication
NextJS-ToDo-App
A simple one-page to-do website using nextjs with CRUD functionalities.
NextJS14-Authentication-Tutorial
A comprehensive tutorial on how to handle authentication in nextJS14 using Next-Auth. It covers all aspects of user authentication from signing up a user to sending an activation email using MAILTRAP to confirm the user and also sending a link for resetting the password of the user in the event of a forgotten password. It also has a protected page
NextLevel-Food
My first Nextjs project; a food recipe website where users can browse different food recipes and also add their own favourite recipe to be displayed on the website.
Nodemailer-Tutorial
A brief tutorial on how to send emails from your nodejs application to users of your application using nodemailer and gmail smtp
Page-Pre-Rendering-and-Data-Fetching-Using-Nextjs
Tutorial codes on how to pre-render pages using getStaticProps and getStaticPaths functions in Nextjs and also how to fetch data from the server and render it on the page using getServerSideProps functions. It also includes how to fetch data from the client-side using hooks such as useEffect and useSWR.
Prisma-Tutorial
Tutorial codes on how to use prisma with nextjs
React-E-commerce-Search-and-Filtering-System
A basic search and filtering system for an e-commerce website using react.js
React-Hook-Form-
Tutorial codes on how to use react-hook-form for references
React-Hooks-Tutorials
Tutorial codes on how to use react-hooks for references
React-Testing-Tutorial-With-Typescript
Complete tutorial codes on how to perform tests in react using react-testing-library and jest.
React-Typescript-Tutorial
Tutorial codes on how to use typescript with react
Reusbale-custom-dialog-or-modal-box-in-nextjs
Creating a reusable dialog or modal box in nextjs by implementing search params so that the dialog or modal box only opens when it matches a certain search parameter value.
Role-based-authentication-using-next-auth
Implementing role based authentication in nextjs using next-auth middleware and google sign in provider
Typescript-Tutorial
Tutorial codes on how to use typescript
Using-NextJS-blurDataUrl-prop-with-placeholder
How to use the blurDataUrl prop in nextjs to blur images when loading.
Xplore-Travel-Blog
A travel blog website created using nextjs. It uses next-auth for user authentication and images are uploaded using edgestore API. MongoDB is used for database storage.