Resales Utopia

An application for used product resale market.
Explore the docs »

View Demo

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Acknowledgments

About The Project

The project is mainly for learning purposes. Resaled Utopia is an web application for selling used products onlne. They type of users can get three different services.

Features

• User .
• User can add their own opinion by creating an account.
• Only logged in user can acces the full website.
• Guest user can only visit the website.
• sUser can purchase a product.
• A dedicated blog section is to know updated technology.
• Authenticated user can create service and.
• Data is secured with JWT token.
• Stripe payment gateway service.
• Further common questions can be found in frequently ask questions section.

(back to top)

Built With

This section should list any major frameworks/libraries used to bootstrap your project. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

• REACT
• TAILWIND CSS
• Daisy UI
• REACT ROUTER

Packages, library other technology used

• React-hook-form
• React-icons
• React-loader-spinner
• Stripe
• JWT token
• Firebase Authentication
• Vercel
• Google authentication

(back to top)

Getting Started

To run this project locally you need to first install it. Then run it. You can use yarn npm whatever you want.

Prerequisites

Before get into run the project first make sure you have:

• javascript enabled browser
• node js

  download and install from the website

• npm

  npm install npm@latest -g

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

2. Install NPM packages

   npm install

   or

   yarn install

3. Enter your API in firebase.config.init.js

   const API_KEY = "ENTER YOUR API";

   or

Admin Access

• Email: dabasish95@hero.com
• Password: Resales2@

Get all courses

  GET https://code-crate-server.vercel.app/courses

Parameter	Type	Description
none	=	Fetch all the topics of the application

Get a specific course

  GET https://code-crate-server.vercel.app/course/${courseId}

Parameter	Type	Description
id	string	Required. Id of course to fetch

Deploy

1.    yarn start

   or

   npm start

   (back to top)

Usage

• This project can be used in onlince e-commerce platform
• Since the project is most of the dynamic so anyone can user their own data.
• Also there is a dedicated blog section which will help to get updated with modern technolody.
• Also map is used to find the location easily.

(back to top)

Roadmap

• Create react app
• Routing by react rouder dom
• For design used tailwind and daisy ui component library
• React-form-hook to control form data.
• Different packages used to built the website like react-to-pdf to download pdf.
• Built API for fetching data and display dynamically.
  • Used express js for building API
  • Nodemon to run the server
  • Vercel to deploy the server
• Firebase for authenticate user.
• Make user login or register.
• Halt unauthenticated user to private routes.
• Used three types of authentication system GitHub, Google, and Email.
• Deploy the website in firebase.

(back to top)

(back to top)

(back to top)

Website Link

Website Link: https://resales-utopia-4e5ef.web.app

(back to top)

Acknowledgments

The resourses helped me out to built this website

• React Router DOM
• React JS

(back to top)