amargopastor / gallery-front

🎨 App for the gallery project

Gallery Front {

🚀 Go to API

Table of Contents

1. Technologies
2. Libraries
3. About
4. Set Up
5. Commands Availables
6. Making of
7. Project tree
8. Honorable mentions

Technologies

• NodeJS
• React
• Nextjs
• Typescript

Libraries

• React-sweet-state
• Eslint
• Mui
• Styled-components
• React-hook-form

About

Front end of a gallery project to view, edit and delete images.

Set Up

To download and start the project you need to run the following commands:

# Clone the project into your local pc
git clone https://github.com/amargopastor/gallery-front.git

# Move into it
cd gallery-front

# Install all the necessary dependencies (you can check them in the package.json)
yarn install

Commands Availables

Once you've set up the project you're ready to run develop app. Here there are different options:

# Start the project in dev mode (runs typescript files)
yarn run dev

Making of

Read all about how this project has been made right here.

Project tree

gallery-front
├─ .eslintrc.json
├─ .gitignore
├─ LICENSE
├─ README.md
├─ components
│  ├─ AddForm.tsx
│  ├─ ImagesList.tsx
│  ├─ LoadData.tsx
│  └─ Menu.tsx
├─ doc
│  └─ README.md
├─ lib
│  ├─ fetcher.ts
│  ├─ image_actions.ts
│  ├─ images.ts
│  └─ types.ts
├─ next-env.d.ts
├─ next.config.js
├─ package.json
├─ pages
│  ├─ _app.tsx
│  ├─ add.tsx
│  ├─ edit
│  │  └─ [id].tsx
│  └─ index.tsx
├─ public
│  ├─ default.jpg
│  ├─ demo1.jpg
│  ├─ demo2.jpg
│  └─ demo3.jpg
├─ style
│  └─ theme.config.ts
├─ tsconfig.json
└─ utils
   └─ imageExists.ts

Honorable mentions

🍍

⬆ back to top