Top React projects for beginners | How do I start my first project in ReactJS?

Top React projects for beginners

Exercise 1 - Key Value Store

Requirements

1. REST / CLI to access the key-value store

2. Get and Set interface for getting keys and storing data respectively

Expectations

1. Documentation of the project (build process)

2. Github Repo

3. ReadMe to access & run the key-value store (Be as explicit as you can be)

Example

Input get “foo” Result null

Input set “foo” 5

Result foo:5 stored successfully

Input get “foo” Result 5

You can implement a similar contract for RestAPI [We will not be very strict about the contract of the client, but try to think about real life clients]

Judging Criteria:

1. All the above are minimum requirements and should be completed

2. Implement locking to handle concurrency

3. Tests for APIs/CLI interfaces implemented

4. Additional features to the key-value store, that you can think of like adding custom data structures

=========================================================================

Exercise 2 -CRUD APIs for Product Catalog

Aim: Build API’s to edit product catalog for an e-commerce company

Requirements

1. Product Details:

a. Name

b. Categories

c. Brand name

d. images

1. API’s to insert/update/delete product

2. Filters to search for products

3. Deployment of the API on any cloud service (e.g. Heroku)

Expectations

1. Documentation of the project (build process)

2. Github Repo

3. ReadMe to run & execute the program

Judging Criteria:

1. All the above are minimum requirements and should be completed

2. Tests for APIs implemented

3. Additional features like dashboard to add products

=========================================================================

Exercise 3 -Notes App

(Please Assume/hardcode data where you feel necessary, like a few hardcoded notes for initial state for the app, etc)

App Requirements

1. User can add/delete/update a note

2. Information about the Note

a. Title

b. Tags

c. Date/Time

3. Filtering on the basis of tags, date/time

4. Search through notes

Project requirements

1. Documentation of the project (build process)

2. Github Repo

3. ReadMe containing how to run the project

Disclaimer: Please work on the minimum requirements first. You are free to use any tech stack and platform ( Android/Web) that makes sense for you. If you are enthusiastic, having firebase support to sync notes would be awesome.

Judging Criteria:

1. All the above are minimum requirements and should be completed

2. Data flow

3. Tests for the frontend code

4. Sync support with firebase

5. Additional features to the notes like providing link highlighting, adding images etc

=========================================================================

Exercise 4 - Photo Gallery App

(Please Assume/hardcode data where you feel necessary, like a few hardcoded photos links for initial state for the app, etc)

App Requirements

1. User can add/delete/update a Photo

2. Information about the Photo:

a. Title

b. Tags

c. Date/Time

3. Filtering on the basis of tags, date/time

Project requirements

1. Documentation of the project (build process)

2. Github Repo

3. ReadMe containing how to build and run the app

Disclaimer: Please work on the minimum requirements first. You are free to use any tech stack and platform ( Android/Web) that makes sense for you. If you are enthusiastic enough, firebase/s3 support to store photos and save links to photos would be awesome.

Judging Criteria:

1. All the above are minimum requirements and should be completed

2. Data flow

3. Tests for the frontend code

4. Sync support with firebase

5. Additional features to the photos like providing link cropping, filters, etc Judging criteria points are present in order of importance

Internship Exercies


Tausif

Hi! My name is TAUSIF AHMAD I have completed B.Tech in Computer Science from Maulana Azad National Urdu University Hyderabad. I am always ready to have new experiences meet new people and learn new things. 1. I am very interested in Frontend Development. 2. I love video editing and graphics designing. 3. I enjoy challenges that enables to grow. 4. I am part time Blogger.

Post a Comment (0)
Previous Post Next Post