Art Marketplace |
---|
Azordev's art markeplace |
🐞 Report a bug or 🙋♂️ request a feature |
- Azordev Art Marketplace
A place where you can find a download BIM objects
- 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
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.
- Put correct key.
- 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.
- Open it in your browser.
npm
6.13 + =pnpm
6.20.3 +node
14.17 +docker
anddocker-compose
(optional)- A Text Editor like VSCode
- A browser like Firefox or Chrome
- Be sure to setup
docker-compose
and havegit
andnpm
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.
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.
In the project directory, you can run:
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.
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.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
- <Insert your great idea here!>.
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 |
🤝 Contributions, issues and feature requests are welcome! Feel free to check the issues page.
🤗 Give a ⭐️ if you like this project!
- https://blog.logrocket.com/deep-dive-into-lefthook-react-native/
- https://blog.logrocket.com/build-robust-react-app-husky-pre-commit-hooks-github-actions/
- Favicon from favicon.io
- https://www.seoptimer.com/meta-tag-generator
- https://dev.to/nitzano/linting-docker-containers-2lo6?utm_source=lefthook
📝 This project is licensed under the Apache 2
Feel free to fork this project and improve it!