Skip to content

Note taking app to note down baking recipes built using ReactJS, Firebase Firestore, Firebase Authentication, RocketUI component library and react router.

Notifications You must be signed in to change notification settings

prachi-sahani/cakeopedia

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cakeopedia github

Table of contents

About Cakeopedia

Cakeopedia - a note taking app to note down wholesome, healthy and super delicious baking recipes.

Features and demo

  • Home - a regular landing page.

  • Notes - all notes at one place(can be accessed only if the user is logged in). Users can

    • view and edit notes
    • add new notes
    • send notes to trash
    • send notes to archive
    • change note color
    • add multiple labels
    • create a duplicate note
    • sort notes based on last updated date
  • Archive Page - List of archived note. Users can

    • view and edit archived notes
    • send archived notes to trash
    • unarchive the archived notes
    • change note color
    • add multiple labels
    • create a duplicate note
    • sort notes based on last updated date
  • Trash Page - List of notes sent to trash. User can

    • view and edit notes
    • delete note permanentatly
    • restore the note
    • sort notes based on last updated date
  • Label Page - list of notes with a particular label, for eg: Recipes label. User can

    • view and edit notes
    • send notes to archive
    • send notes to trash
    • change note color
    • add multiple labels
    • create a duplicate note
    • sort notes based on last updated date
  • Authentication - User can login as guest only, login with credentials, signup and logout. Once the user is logged in, they can access their notes.

  • Add note page - add a new note. User can:

    • add note details
    • send note to trash
    • send note to archive
    • change note color
    • add multiple labels
    • create a duplicate note

Demo: cakeopedia- demo1 cakeopedia- demo2 cakeopedia- demo3

Technologies and libraries used

Highlights

  • Responsiveness - This app is completely responsive and can be accessed in all kind of devices.
  • Proper messages for error/exception handling across the application
  • Use of loader to show status of tasks

Pre-requisites and project setup(in local)

Step 1

Install NodeJs(if not already installed)

Step 2

Clone dev branch of this repo to local using:

 git clone https://github.com/prachi-sahani/cakeopedia.git -b dev

Step 3

Go into the project folder

 cd project-name 

Step 4

Install all the npm packages

 npm install 

Step 5

Run the application using:

 npm start 

The application runs on localhost:3000

Let us connect

   

About

Note taking app to note down baking recipes built using ReactJS, Firebase Firestore, Firebase Authentication, RocketUI component library and react router.

Topics

Resources

Stars

Watchers

Forks