WorldWise is a React application that allows users to log in with fake data and save locations on a map.
For Live Preview: Use the below information to log in and access the app.
Username
jack@example.com
Password
qwerty
Home Page | Login |
---|---|
- React.js
- React Router
- Leaflet
- React Leaflet
- React Datepicker
- Vite
- @vitejs/plugin-react
- ESLint
- eslint-plugin-react
- eslint-plugin-react-hooks
- eslint-plugin-react-refresh
- json-server (v1.0.0-alpha.22)
- Users can log in with fake data provided by a JSON server.
- Users can view a map powered by Leaflet and React Leaflet.
- Users can save locations on the map.
- Users can select dates using the React Datepicker component.
- Clone the repository.
- Navigate to the project directory.
- Run
npm install
to install the dependencies.
- Start the Vite development server with
npm run dev
. - Start the JSON server with
npm run server
. This will serve the fake data for user authentication from thedata/cities.json
file.
To lint the codebase, run npm run lint
. This will check for lint errors and warnings using ESLint and the configured plugins.
To build the app for production, run npm run build
. This will create an optimized build of the React app in the dist
directory.
To preview the production build locally, run npm run preview
. This will start a local server serving the optimized production build.
This code is part of a course curriculum and is intended for educational purposes only.