Report a Bug or Request a Feature · Live Demo

This is a mobile-first full-stack app, the front end is a single page app that is built in React/Redux that communicates with the Ruby on Rails back-end via API requests that are secured by JWT authentication.

This repo contains the TypeScript front-end SPA built in the Ionic-React Framework which enables quick multi-platform apps. There is a dark mode toggle added in the menu too!

The back-end can be found here

• TypeScript
• React.js
• Redux
• Ionic Framwork
• JWT
• Webpack
• Eslint
• Jest

• Users can register and login to an account
• Users can view list of technology items and click to view full details.
• Users can favourite items and view a list of favourites

To run the app locally, clone the repository and navigate to it's directory:

https://github.com/ikraamg/techStore.git
cd techStore
git checkout front-end-store
npm install
ionic-serve

Now go to localhost:8100 in your browser.

The app was test with jest, redux-mock-store and react-testing-library.

npm run test

• Implemented proper user authentication from the front-end to the server
• Created a user table in the database, so that a given user can only access the favourites they selected
• Made the app responsive, creating both tablet and desktop versions, following design guidelines
• Transitions were implemented to make the user experience better
• Created full documentation for the API
• Dark Mode via toggle

• Users can add their own tech-favourites
• Users can message the creator of a tech-favourite
• A store like checkout system can be created

👤 Ikraam Ghoor

• Github: @ikraamg
• Twitter: @GhoorIkraam
• LinkedIn: isghoor
• Email: [email protected]

Give a ⭐️ if you like this project!

Design influenced by Alexey Savitskiy on Behance

This project is MIT licensed.