GithubHelp home page GithubHelp logo

eucarlos / birthday-reminder-menu-react-ts Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 775 KB

๐ŸŽ Notifications menu with birthday reminders

License: GNU General Public License v3.0

HTML 5.42% Sass 27.15% TypeScript 61.86% CSS 5.57%
react react-ts ts typescript birthday-reminder notifications portfolio project reminder sass

birthday-reminder-menu-react-ts's Introduction

BIRTHDAY REMINDER MENU - REACT TS


๐ŸŽ Notifications menu with birthday reminders
GitHub language count GitHub top language GitHub repo size GitHub GitHub release (latest by date)
Author: Carlos Alves - @EuCarlos

๐ŸŒ Para a versรฃo em portuguรชs deste README, clique aqui.

Summary

1. How to run the project

1.1. Installation

Clone the repo:

git clone https://github.com/EuCarlos/birthday-reminder-menu-react-ts.git && cd birthday-reminder-menu-react-ts

Install the dependencies using Yarn or NPM:

yarn install // or -> npm install 

1.2. Run the project

Start a react server:

yarn dev // or -> npm run dev

Build the project:

yarn build // or -> npm run build

2. General Objective:

Create a web application made with React and TypeScript to notify birthdays reminders of the day.

3. Functional requirements:

  • [FR001] - The system must count the number of people having a birthday on the day.
  • [FR002] - The system must have a header with the logo on the left and a notification bell with a birthday count on the right.
  • [FR003] - The system should show the message "No birthday reminders to see" after clicking the "Mark all as seen" button
  • [FR004] - The system must present the name, profile picture and age in the notification.

4. Non-functional requirements:

  • [NFR001] - The System must be responsive (adaptable for desktop, tablets and mobile phones).
  • [NFR002] - The system must be developed using React and TypeScript.
  • [NFR003] - The system must have a good interface for human-machine interaction.

5. How to contribute to this project?

Before starting, check and follow the instructions for contributing to the repository. If not, you can follow the instructions below:

  1. Fork the project
  2. Create a new branch: git checkout -b nova-branch
  3. Commit your changes: git commit -m 'I added something'
  4. Push to branch: git push origin nova-branch
  5. Open a Pull Request

6. How do I report a bug or request a feature?

If you want to report a bug or request a feature, go to Issue on the GitHub Project and add your request.

7. License:

This project is licensed under the GNU General Public License v3.0. Read the LICENSE file for more information.


Created with ๐Ÿ’œ by Carlos Alves

birthday-reminder-menu-react-ts's People

Contributors

eucarlos avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.