MERN stack web development with CRUD application using refine framework

by React

HoverWorld

This is a MERN stack web development with CRUD application using refine framework. This is a website for renting and purchasing drones and related equipment. Our website offers a variety of drones and accessories, including cameras, batteries, and propellers.

Features

  • Browse through our selection of drones and equipment
  • Filter products by price, category, and more
  • Create an account and save your favorite products
  • View product details, specifications, and images

Technologies Used

  • HTML/CSS
  • Javascript
  • Typescript
  • Node.js
  • Express
  • MongoDB

Setup

To set up the project, follow these steps:

  1. Clone the repository: git clone https://github.com/NimbleNitesh/HoverWorld.git
  2. Navigate to the project directory: cd HoverWorld
  3. Install dependencies: npm install
  4. Create a .env file in client folder:
REACT_APP_GOOGLE_CLIENT_ID = <Your REACT_APP_GOOGLE_CLIENT_ID>
  1. Create a .env file in src folder:

MONGODB_URL=<Your MONGODB_URL>
CLOUDINARY_CLOUD_NAME = <Your CLOUDINARY_CLOUD_NAME>
CLOUDINARY_API_KEY = <Your CLOUDINARY_API_KEY>
CLOUDINARY_API_SECRET = <Your CLOUDINARY_API_SECRET>
  1. Start the server npm start
  2. Start the client npm run dev
  3. Open the website in your browser at http:localhost:3000

Contributions

Contributions are welcome! If you find a bug or have an idea for a new feature, please open an issue or submit a pull request.

Some Preview

GitHub

View Github