Calvin's Projects
An Airbnb clone created using react.js as the front end library and hosted using Netlify. The user can go into the search page where the list of houses are displayed by clicking on the Explore Now button on the home page. The user can go back to the homepage by clicking on the airbnb logo on the header section.. The user can also click on the Search Date button just below the header section to be able to select the day(s), week(s), or month he/she chooses to spend in an available house that matches the calendar date selected. The user can also increase or decrease the number of guests that would be accompanying him/her.
A clone of the very popular AirBnB website which uses Kinde api for user authentication and Supabase for data and file storage.
A brief introduction to using api routes in nextjs using the pages router approach
A full-stack marketplace website created using NextJS, where users can buy and sell artworks. It uses stripe api to handle payment integrations.
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.
Learning some of the basics of axios with React
A sample travel and tour website template created using Reactjs
A website for a medical healthcare company created using React.js
Config files for my GitHub profile.
A mini e-commerce website for selling furniture created using Reactjs. It makes use of context API and useReducer for managing the states and makes use of stripe for the payment transaction process.
A full stack disney plus clone built using React for the front end and Firebase as the back end for storing the movie data. Although, it is not really functional.
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.
A sample api template for an e-commerce website with user authentication created with node.js,express and mongoDB
An E-commerce web application using react.js for the frontend and strapi cms for the backend
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.
Responsive full stack Netflix clone using React.JS as front end and firebase for the back end authentication. I also used flutterwave to implement the payment subscription
A design of a restaurant website gotten from figma
A gmail clone made using react.js for frontend and firebase for backend services. The user signs in using google authentication and then proceeds to enter the home page where the user can write an email by clicking on the 'compose' button and then when the user clicks on the send button, the email gets displayed on the email list alongside other emails gotten from firebase database storage. Also, when the user clicks on an email from the email list, the full contents of that particular mail gets displayed alongside the time the email was sent too.plau
Design of the landing page of GPT-3 template website gotten from figma
A fitness website created using React.js which mlaes uses of ExercisesDB API to display various exercises based on the user's search field and YouTube Search and Download API to display youtube videos based on the user's search input. The APIs are gotten from RapidAPI
A sample template website for a clothing line made using reactjs for the front-end and airtable as the content management system for the back-end
A responsive Instagram clone created using react.js as front end and firebase as backend for authentication and data storage. The user signs up and then has the ability to upload images with captions on the site. The user also has the ability to comment on other posts on the site
A mini IG reels clone vey similar to the tik-tok clone that uses firestore database in firebase to fetch reels and displays them on the website where the user is able to watch 5 reels extracted from the database and can also like or dislike a reel with the number of likes increasing when a user likes a reel and decreasing when the user dislikes it.
An API created for CRUD job functionalities after the user has registered/logged in and is then given a token to be able to access the CRUD functionalities
A web app created using React.js for storing jobs offer information of a user. It uses redux toolkit for the entire state management of the application
Tutorial notes on how to set up and use json-server package in javascript
A frontend project test for Lendsqr
A LinkedIn clone made using react.js for the front end and firebase for the backend. It uses firebase email and password authentication to give the user registration and sign in capabilities and also retrieves the posts from firestore database. The user can also write a post and publish it on the page and it gets displayed. The user signs out by clicking on the user's profile avatar on the nav bar. On screen sizes greater than 960px, two additional sidebar layers get's displayed on opposite sides of the post section. Material UI library was used for the icons and also the avatar.