https://github.com/omarramoun/serra

Authentication Feature and Signup / Login Pages of The Awesome NFT Trading Card Game Synergy Of Serra. Implemented in React, Redux, Styled-Components, and Jest.
https://github.com/omarramoun/serra

jest login react react-router redux signup styled-component synergy-of-serra

Last synced: 11 months ago
JSON representation

Authentication Feature and Signup / Login Pages of The Awesome NFT Trading Card Game Synergy Of Serra. Implemented in React, Redux, Styled-Components, and Jest.

• Host: GitHub
• URL: https://github.com/omarramoun/serra
• Owner: OmarRamoun
• Created: 2022-03-29T05:15:19.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-24T00:10:02.000Z (about 3 years ago)
• Last Synced: 2025-03-30T05:23:12.717Z (about 1 year ago)
• Topics: jest, login, react, react-router, redux, signup, styled-component, synergy-of-serra
• Language: JavaScript
• Homepage: https://serra.omarramoun.com/
• Size: 10.9 MB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![](https://img.shields.io/static/v1?label=BY&message=RAMOUN&color=birghtgreen)](https://ramoun.me)

![React](https://img.shields.io/badge/-React-1f1f1f?logo=react&logoColor=61DAFB&style=for-the-badge)

![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)

![Styled-Components](https://img.shields.io/badge/Styled_Components-fbfbfb?style=for-the-badge&logo=styled-components&logoColor=DB7093)

![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

# Synergy Of Serra

> A "FAN-MADE" Prototype for the Signup & Login of the new outstanding NFT TCG **"Synergy Of Serra"**. You can visit the original website on [this link](https://synergyofserra.com/) (thank me later).

## A Screenshot of the Homepage

![screenshot](screenshots/screenshot.png)

## Collective Screenshots of the Mobile Version



  

  

  

  



## A Demo for the App

- [Demo](https://serra.omarramoun.com/)

## Built With

- Languages: _**HTML5/Semantics, CSS3/SASS, JS/ES6**_

- Framework: _**React, Redux, Styled-Components, React-Router**_

- Technologies used: _**GIT, GITHUB, LINTERS**_

## Project Life Cycle

0. tools and dependencies

1. UI Architecture

2. Component structure & organization

3. Logic & state management

4. Style + (Responsive)

5. Accessibility

6. Testing

7. Documentation

8. Deployment

## Authors

👤 **Ramoun**

- **GitHub**: [![@omarramoun](https://img.shields.io/github/followers/omarramoun?label=OmarRamoun&style=social)](https://github.com/omarramoun)

- **Twitter**: [![@omarramoun](https://img.shields.io/twitter/follow/omarramoun?label=OmarRamoun&style=social)](https://twitter.com/omarramoun)

- **LinkdIn**: [![@omarramoun](https://img.shields.io/github/followers/omarramoun?label=OmarRamoun&logo=linkedin&style=social)](https://www.linkedin.com/in/omarramoun/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- The team behind Synergey Of Serra (Great Guys)

- My Passion For Computers & TCG

- [M3O](http://m3o.com/) for their great API.

## Special Thanks to Julian

Really thank you for this great game