salmanmhd / World-Wise

World Wise is a beautifully designed React application that helps you create a personalized travelogue of cities you've explored. With the ability to add notes and view pins on interactive maps, this project combines functionality and aesthetics to document your travel adventures with ease and style.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

World Wise

World Wise is a beautifully designed React application that helps you create a personalized travelogue of cities you've explored. With the ability to add notes and view pins on interactive maps, this project combines functionality and aesthetics to document your travel adventures with ease and style.

Features

  • Rapid Development: World Wise leverages the power of Vite for swift development and a seamless developer experience.
  • React Integration: Build your user interfaces with React, a popular and versatile JavaScript library.
  • Fast Refresh: Choose between two official plugins for Fast Refresh: "@vitejs/plugin-react" using Babel or "@vitejs/plugin-react-swc" using SWC.
  • ESLint Rules: Get started with essential ESLint rules to maintain code quality and consistency.

Getting Started

1. Clone the Repository

Begin by cloning this repository to your local machine.

git clone https://github.com/salmanmhd/World-Wise.git

2. Navigate to the Project Directory

cd World-Wise

3. Install Dependencies

npm install

4. Start the Development Server

npm run dev

This will launch the development server, and you can access your application at http://localhost:3000.

5. Begin Coding

Open the project in your favorite code editor and start building your React application in the src directory.

Choose Your Fast Refresh Plugin

World Wise provides flexibility in choosing your Fast Refresh plugin:

@vitejs/plugin-react (Babel): To use this plugin, make sure it's specified in your vite.config.js file.

@vitejs/plugin-react-swc (SWC): To use this plugin, ensure it's specified in your vite.config.js file.

Customize ESLint Rules

You can customize ESLint rules as needed by modifying the .eslintrc.js file in the project root.

License

This project is open source and available under the MIT License. Feel free to use it, modify it, and contribute to its development.

Start your React and Vite journey with World Wise, and bring your ideas to life with a fast and efficient development environment. Happy coding!

About

World Wise is a beautifully designed React application that helps you create a personalized travelogue of cities you've explored. With the ability to add notes and view pins on interactive maps, this project combines functionality and aesthetics to document your travel adventures with ease and style.


Languages

Language:JavaScript 59.4%Language:CSS 39.2%Language:HTML 1.4%