Art Marketplace

Art Marketplace

Azordev's art markeplace
🐞 Report a bug or 🙋‍♂️ request a feature

Azordev Art Marketplace

The Project

A place where you can find a download BIM objects

Features

Basic create-react-app structure
Sets stylelint on the repo
Sets eslint rules
Linters
React
React-DOM
React-Create-App
PropTypes
ES6 syntax
Export/import ES6+ notation

Built With

create-react-app
ESLint
pnpm 6.20.3 +
vscode with ESLint extension
Linux/GNU, macOS, Windows
Love and Passion for code

Create a .env file

Create a .env file.
Put correct key.

Advantages Of Styled-Components

Easier management of CSS: With every bit of styling tied to a specific component, it is easier to know which CSS is applied This makes it easy to delete unused component styles.
Using styled components if we change a variable value then it can change all the value.
We can reuse same style component where we need and also we can use it conditionaly.
Simple and dynamic styling: Through props and global themes supported in styled-components, styling is simple without manually managing dozens of classes.

Using the App

Open it in your browser.

How to run this project

Prerequisites

npm 6.13 + = pnpm 6.20.3 +
node 14.17 +
docker and docker-compose (optional)
A Text Editor like VSCode
A browser like Firefox or Chrome

Run it (Quickstart with docker)

Be sure to setup docker-compose and have git and npm working.
Run this:

> git clone https://github.com/Azordev/art-marketplace
> cd art-marketplace
> pnpm env use -g 16
> pnpm i
> docker-compose build
> docker-compose up frontend

Enter localhost:3000 in a browser for the frontend.

You can also test using docker, run docker-compose up test or docker-compose run --rm test

Not a fan of Docker or need more information? Continue for instructions to learn more about how to setup your PC for run the frontend!

We used create-react-app to initialize this project, so it is configurated to be easy to run. Just follow the following instructions.

Installing the project

Now that you are set up, open a terminal and:

git clone https://github.com/Azordev/art-marketplace
cd art-marketplace
pnpm i && pnpm start

Then open http://localhost:3000/ to see the app.

Available Scripts

In the project directory, you can run:

`pnpm start`

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

`pnpm run build`

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

See the section about deployment for more information.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Potential Features

<Insert your great idea here!>.

Colaboradores

Israel Laguan	Email me to contact@israellaguan.com / Connect to my Linkedin

Victor Peña	Email me to victordev2002@gmail.com / Connect to my Linkedin

Emmanuel Azócar	Email me to azocarmel@gmail.com

Angelica Molina	Email me to angeli.molina1@gmail.com

Roman Rodriguez	Email me to romanrodri192@gmail.com

Tony Tarco	Email me to tonytarco@hotmail.com

Ildebrando Quinchoa	Email me to ildebrandoefrain@gmail.com