Picczle is a SPA(Single Page Application) that allows its user to create and play puzzle games using their own picture.
- Allows visitors to create and log in using a username or an email.
- Allows a user to upload a picture once. It will always be available in the settings saved tab.
- Users can create a puzzle by selecting any image in the saved tabs.
- Users can choose between a variety of difficulties.
The client side of the application has (5) main components/pages:
- Home (Visitor or User)
- Contact
- About
- Login
- Signup
- React
- TypeScript
- SASS/SCSS
- Webpack
The design is created using low, mid and high fidelity wireframes.
- Figma
The server side is built using Express framework and Mongodb.
- Express
- TypeScript
- MongoDB
- Middlewares
-
User Authentication - users can register using an email or username and a password. The response sent back by the server contains a session cookie for identifying the user's identity.
-
Image Upload/Retrieval - images uploaded by the users are stored using MongoDB's GridFS specification.