An open API service indexing awesome lists of open source software.

https://github.com/simandrew/strapi-submenus-clone-reactjs


https://github.com/simandrew/strapi-submenus-clone-reactjs

Last synced: 7 months ago
JSON representation

Awesome Lists containing this project

README

          

## Strapi Submenus Clone

### About:

This project is a clone of the Strapi submenus website, showcasing a responsive design with reusable components and icons.

- data.jsx file include reusable data and icons for the .jsx

You can try here: [strapi-submenus-clone-reactjs.netlify.app](https://strapi-submenus-clone-reactjs.netlify.app)

### Sample task, photo:

![image](https://github.com/user-attachments/assets/c5871586-2d5f-4d75-ab08-e880ab0fe8a8)

![image1](https://github.com/user-attachments/assets/54e2673a-5ad8-4733-aff8-2b257a00bb85)

![image2](https://github.com/user-attachments/assets/9115752f-c9a3-4cc9-938a-17cef6a9c954)

### Technologies, Libraries:

- [React JS](https://react.dev/)
- [Vite JS](https://vitejs.dev/), [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)
- [useContext Hook](https://react.dev/reference/react/useContext) The useContext hook in React allows components to consume values from the React context. React’s context API is primarily designed to pass data down the component tree without manually passing props at every level.
- [React Icons](https://react-icons.github.io/react-icons/) is a popular open-source library that provides a collection of accessible SVG icons for React applications.
- [Nano ID](https://github.com/ai/nanoid) A tiny, secure, URL-friendly, unique string ID generator for JavaScript.

### Run the app:

- Clone a project: `git clone`

```
git clone https://github.com/SimAndrew/strapi-submenus-clone-reactjs.git
```

- Open project code in your editor.
- Install the dependencies, enter into the terminal:

```
npm install
```

- Run the project, enter into the terminal:

```
npm run dev
```