Skip to content

πŸš€ A front-end application built with React, Redux & RTK Query, Bootstrap, Socket.io, Typescript, and JSON Web Tokens. Adapted from the original morfi project. πŸ”

License

Notifications You must be signed in to change notification settings

enzoarguello512/morfi-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

The Morfi logo

morfi-react

πŸš€ A front-end application built with React, Redux & RTK Query, Bootstrap, Socket.io, Typescript, and JSON Web Tokens. Adapted from the original morfi project. πŸ”

Version Documentation Maintenance License: MIT Twitter: enzoarguello512

Welcome πŸ‘‹ to the morfi frontend app repository (a shortened version made with react), where the code for the store page, user registration, and customer communication can be found.

As a novelty, the back-end section of the application has also been added! πŸ–₯

✨ Active deployments

(Please bear in mind that the site will take a while to load since it's deployed on a free tier, but it will load, just give it some time πŸ˜‰)

The Morfi SPA

πŸ“¦ Main features

  • State and request handling using React & RTK Query
  • Bootstrap and SASS custom styles
  • Session management with JSON Web Tokens (aka "jwt") (authentication, session inactivity, auto-login, token rotation, etc)
  • Query-based filtering of products
  • A socket.io-based chat implementation

⚑ Future features

  • Create an order that edits product stock

πŸ‘¨β€πŸ’» Install

npm install

πŸ”₯ Usage

This requires that you have already pre-configured the ".env.development" file. You can find the example in .env.example.development.

For production mode, you will need the ".env.production" file and also to start the server with the results of npm run build. See the section about deployment for more information.

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

npm start

πŸ§ͺ Run tests

Launches the test runner in the interactive watch mode. See the section about running tests for more information.

npm run test

πŸ“„ Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

🀝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page. You can also take a look at the contributing guide.

πŸ“ License

Copyright Β© 2022 enzoarguello512.
This project is MIT licensed.

About

πŸš€ A front-end application built with React, Redux & RTK Query, Bootstrap, Socket.io, Typescript, and JSON Web Tokens. Adapted from the original morfi project. πŸ”

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published