enelmarket.com

Key Features • How To Use • Development • Built with • Related • License

Key Features

• Responsive design
• Register/Login users with encrypted passwords (Bcrypt)
• Create online store through subromain example.enelmarket.com
• Store page:
  • Edit portrait image
  • Edit icon image
• Create and order store categories
• Products:
  • Create new products (with image)
  • Edit existing products
  • Create variants per product (color, size, ...)
  • Create options per variant (black, white, ...)
  • Assing price per option and per variant. (tshirt - white - small : $25)
• Create and edit shipment methods
• Create and edit payment methods
• Follow new orders and update their status
• Shopping cart functionalities
• Select address on map (Google Maps API)
• Confirmation screen when order is generated

How To Use

In order to configure the environment variables, it is necessary to create a .env.local for the frontend

ROOT_URL=localhost:3000
NEXT_PUBLIC_BACKEND_URL=http://localhost:8080/api
NEXT_PUBLIC_REACT_APP_GOOGLE_MAPS_API_KEY=#######

And modify the next values for the backend

spring.datasource.url=jdbc:mysql://localhost:3306/name_schema
spring.datasource.username=db_username
spring.datasource.password=db_password
spring.jpa.hibernate.ddl-auto=update
spring.jpa.show-sql=true
spring.jpa.properties.hibernate.dialect=org.hibernate.dialect.MySQL8Dialect
spring.jpa.properties.hibernate.format_sql=true

amazon.s3.bucket-name=##############
amazon.s3.endpoint=http://#######.s3.amazonaws.com/
amazon.s3.access-key=#######
amazon.s3.secret-key=#######

spring.servlet.multipart.max-file-size=XMB //Replace X
spring.servlet.multipart.max-request-size=6MB //Replace X

spring.servlet.multipart.enabled=true
spring.servlet.multipart.location=/path/to/tmp

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone hhttps://github.com/renatogm24/enelmarket_fs
# Go into the repository
$ cd enelmarket_fs
# Go into the backend
$ mvn spring-boot:run
# Go into the frontend
$ npm run install
$ npm run build
$ npm run start

Note: If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

Development

Want to contribute? Great!

To fix a bug or enhance an existing module, follow these steps:

• Fork the repo
• Create a new branch (git checkout -b improve-feature)
• Make the appropriate changes in the files
• Add changes to reflect the changes made
• Commit your changes (git commit -am 'Improve feature')
• Push to the branch (git push origin improve-feature)
• Create a Pull Request

Bug / Feature Request

If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue here by including your search query and the expected result.

If you'd like to request a new function, feel free to do so by opening an issue here. Please include sample queries and their corresponding results.

Built with

This web app uses the following libraries:

FrontEnd

• NextJS
• React
• react-hook-form
• react-query
• react-redux
• redux-persist
• use-places-autocomplete
• immutability-helper
• jwt-decode
• framer-motion
• Material UI

BackEnd

• Java 11
• Spring Boot 2.6
• Spring Security
• Amazon S3 client
• java-jwt
• Spring Data JPA

Related

enelmarket-web - Web of enelmarket rumbero-web - Web of rumbero.enelmarket

Support

License

MIT