Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pidgey0403/photobook-frontend

A virtual photobook containing our most important memories of 2022.
https://github.com/pidgey0403/photobook-frontend

apollo-client cicd graphql jest-tests material-ui reactjs typescript

Last synced: about 2 months ago
JSON representation

A virtual photobook containing our most important memories of 2022.

Awesome Lists containing this project

README

        

# Photobook 📸

Photobook is a collaborative online photo album containing our most unforgettable memories of 2022. Designed to be a throwback of our best moments, think of Photobook as a ![Spotify Wrapped](https://www.spotify.com/ca-en/wrapped/) for photographic captures throughout the year!

Note: Click [here](https://photobook.herokuapp.com/) to check out the full-stack application (please note it might take a minute or two to load up). If you want to just explore the GraphQL backend service, visit [here](https://photobook-be.herokuapp.com/)!

**For the MLH Fellowship Admissions team:** please visit [here](https://github.com/pidgey0403/photobook-backend) to also view the Photobook-backend repository!

## Motivation

Photobook was built to share your favourite memories with close friends and family, on a centralized, easy-to-use website. Physical albums are great for storing large collections of family photos, but can easily get cumbersome and tedious to carry around. With Photobook it is easy to store and share your favourite photos and celebrate those special moments with your loved ones, or even just something cool you enjoyed!

## Running the App Locally
Run the command:

```bash
$ npm start

```
This should run the App in development mode and expose port 3000. Visit `http://localhost:3000/` to start playing with the App locally.

## Build Status

![](https://github.com/pidgey0403/photobook-frontend/actions/workflows/CI.yml/badge.svg)
![](https://github.com/pidgey0403/photobook-backend/actions/workflows/ci.yml/badge.svg)

## Code Style


## Frameworks & Languages

Built with:

- ![MaterialUI](https://mui.com/) & ![Styled-Components](https://styled-components.com/) - for UI templates, reusable components, and customizing additional React components
- ![TypeScript](https://www.typescriptlang.org/) - programming language getting all the benefits of JavaScript + a strongly typed language
- ![React.js](https://reactjs.org/) - the frontend framework for building the UI
- ![GitHub Actions](https://github.com/features/actions) - workflow automation and implementation of custom CI/CD pipelines

## Credits

All credits to MUI for providing the free and reuable React.js components that were used to build this project.
For more information on MUI, check them out ![here](https://mui.com/).

## License

MIT License

Copyright © 2022 Gabrielle Niamat