The Markup App is a React-based web application that provides a simple interface for creating and managing markup content. With this app, developers can learn about React, styled-components, and how to build a responsive admin dashboard.
By working on this project, developers will gain experience in the following areas:
- Building a React application
- Using styled-components for styling
- Creating a responsive layout for an admin dashboard
- Integrating third-party libraries like Axios and React Quill
- Testing React components using Jest and React Testing Library
- Setting up linting and code quality tools with ESLint
To start the Markup App locally on your machine, follow these steps:
Before running the project, ensure that you have the following software installed:
- Node.js (version 20.2.0 or higher)
- npm (version 7.0.0 or higher)
-
Clone the repository to your local machine:
git clone <repository-url>
-
Navigate to the project directory:
cd markup-app
-
Install the dependencies:
npm install
Once the dependencies are installed, you can start the app using the following command: npm start
This command will start the development server and launch the Markup App in your default browser. If the browser doesn't open automatically, you can access the app by visiting [http://localhost:3000] in your browser.
To run the tests for the Markup App, you can use the following command: npm test
This will execute the test suite and display the results in the terminal.