Frontend of the MCQ-Maker web app
MCQ-Maker enables you to create a multiple-choice exam and share the link with anyone to take the test. The owner of the MCQ can then view the submissions, along with the names of the persons and their marks.
-
Navigate to the directory where you want to clone the repository:
cd your-project-directory -
Clone the repository:
git clone https://github.com/your-username/vite-react-tailwind.git
-
Navigate to the project directory:
cd vite-react-tailwind -
Install dependencies:
npm install
-
Start the development server:
npm run dev
This will start the development server and open the application in your default web browser. The server supports hot module replacement for a smooth development experience. Make sure to start the server on local host 5173
To build the project for production, you can use the following command:
npm run buildThis will generate an optimized build in the dist directory.
- Vite: Lightning-fast build tool and development server.
- React: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapid styling.
- ESLint: Linting utility for maintaining code quality.
- Prettier: Opinionated code formatter for consistent code style.
- HMR (Hot Module Replacement): Instantly see the changes as you edit the code.
- Routing: Basic routing setup using React Router (modify as needed).
public/: Static assets and HTML template.src/: Application source code.assets/: Images, fonts, and other static assets.components/: Reusable React components.pages/: Application pages and views.App.jsx: Root component.main.jsx: Entry point of the application.
tailwind.config.js: Global styles and Tailwind CSS configuration.
Feel free to customize this template to suit your project's needs. You can modify styles, add additional components, and enhance the routing as necessary.
This project is licensed under the MIT License. See the LICENSE file for details.
Happy coding! 🚀