Duration: Two Week Sprint
myToday is a mobile-optimized app designed to allow users to take photos via their webcam or upload them from their computer, provide a caption, and store them in a date-sorted archive. It's perfect for those looking to capture moments of their lives using a familiar "social media app" format; but without the obligation to curate a post for the public to see. Authentication allows multiple users to
In building this app, I leveraged skills for full stack integration, connecting a React-powered front-end through a node server to a SQL database. This app features also features authentication and new users will be required to register prior to gaining access.
- JavaScript
- React
- Moment.js
- React Webcam
- Node
- Express
- Express File Upload
- Redux-Saga
- React-Redux
- PostgreSQL
- SCSS
- React-Icons (Box Icons)
- Material UI
- React Spring
To run this app, you will need:
- [Node.js](https://nodejs.org/en/)
- [PostgreSQL](https://www.postgresql.org/)
To run this application:
- Create a database using the provided .sql file
- Run `npm install` from the project root directory
- Run `npm run server` to run the node server
- Run `npm run client` to launch the React app.
- New Users should register themselves as a myToday user.
- Registered users can login using their usernames and passwords
- Upon logging in, users will be directed to the "Home" screen, which displays the events that they've captured so far that day. Users can then navigate to the "New Event" (camera icon) to capture a new photo, or upload a photo from their device.
- Once a photo has been chosen for the "event", users can choose to provide a caption, or simply "Add" the event to their daily timeline. The event is also stored in the "Archive" where it will remain until the user chooses to delete it.
- Clicking on the event will display the photo, time it was captured, and the caption. Edit and Delete options are also present.
A very special thanks to the instructors and staff at Prime Digital Academy, my cohort-mates, and my ever-supportive wife.
For a walk-through of this app, please visit the link below. Thanks!