LIT: Little Invest Town WebSite Built With React.js

Overview

LIT: Little Invest Town

Theme: Finance Management
Website: https://little-invest-town.vercel.app/

Problem Statement

Stock markets are hard to analyze and there has been a surge in the number of people starting to invest in the markets. Stock markets are liquid, available on mobile, good returns.

Not each user comes from a financial background and it is harder to understand the figures present within the income and balance sheet. This is one of the reasons why individuals constraint themselves from investing in the stock market.

Solution

To make it easy to invest in the stock market, LIT provides the list of companies listed in the stock market and scale down company profiles and map them to individual financial profiles such that it is understood by any individual.

💡 Starbucks Coffee at Rs 20, Brand New iPhone at Rs 10K ⇒ Good Buy
ITC ⇒ Rs 220/Share ⇒ ????
ICICI ⇒ Rs 1.6 Lakh Crore Revenue ⇒ ????

As shown above, it is clearly understandable if starbucks coffee is available at Rs.20 it is a good buy however Rs. 220 per share of ITC Ltd confuses people.

Example Profile

Let's take the company RELIANCE, a well-known high profile company. Here, we map the finanical figures of RELIANCE to Alice.

  1. Alice makes and sells oil and electricity
  2. In 2021 Alice made 50 Lakh Rupees
  3. Last year she made 61 Lakh Rupees
  4. Out of this, she could save up 5 Lakh Rupees which is 20% more than what she saved last year
  5. Alice bought a new oil making machine for 3 Lakh Rupees
  6. Alice also invested 5 Lakh rupees in Mutual Funds
  7. Alice also paid her loan by 2 Lakh rupees and her loan now is 3.5 Lakhs

From the above points, we can conclude that Alice is performing really well. Looking at the point 4, Alice saved 20% more than last year which is clearly amazing. With this insights, it can be easily concluded that RELIANCE is a good and safe company to invest in.

Tech Stack

Front-end

  1. Framework: NextJS
  2. Styling: CSS, React-bootstrap
  3. Deployment: Vercel, AWS EC2

Back-end

  1. Framework: NodeJS, Express, Typescript
  2. API: REST API
  3. Deployment: AWS EC2

Setup on local computer

Clone the repo: https://github.com/Twelfth-Hour/lit-little-invest-town.git

Client-side

Open a terminal and perform the following steps:

  1. Move into the client directory: cd client

  2. Change from production ➡️ development environment by moving to config directory and performing following changes:

    // server.js
    const dev = "development";
    // data.js
    const dev = "development";
  3. Open the terminal again within the client directory and include the following commands:

    $ yarn && yarn dev
  4. Client side will be up and running on http://localhost:3000

Server-side

Open a terminal and perform the following steps:

  1. Move into the api directory: cd api

  2. Within the API directory and include the following commands:

    $ yarn && yarn dev
  3. Server side will be up and running on http://localhost:8080

UI Interface of LIT

Landing Page

Landing How_it_works Companies

Stocks Page

Stocks

Individual Stock ➡️ Profile Insight Page

Profile

Personal Investment Plan Page

Plan

Authors

We, the team Twelfth Hour are the author of LIT. Follow us if you find us interesting 💻 😄 as we are two big time computer geeks.

Aemie Jariwala

📌 Github: https://github.com/AemieJ
📌 LinkedIn: https://www.linkedin.com/in/aemie-jariwala/
📌 Blog: https://dev.to/aemiej
📌 Website: https://aemiej.netlify.app/

Sahil Bondre

📌 Github: https://github.com/godcrampy
📌 LinkedIn: https://www.linkedin.com/in/sahil-bondre/
📌 Blog: https://dev.to/godcrampy
📌 Website: https://sahil.surge.sh/
📌 Twitter: https://twitter.com/godcrampy

Issues
The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript

The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript. It allows you to: Display a list of books. Add a book. Remove a selected book. By building this application, I learned how to use React and Redux.

Hamza Ellaouzi 8 Oct 29, 2021
React-ecommerce-frontend - A E-ccomerce website frontend built in React.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Sammwy 0 Jan 2, 2022
Clone project of a famous Q/A website for developers which is stackoverflow built using MySQL-Express-React-Node :globe_with_meridians:

StackOverflowClone As the name suggests, this project is a clone of a famous Q/A website for professional and enthusiast programmers built solely by m

Mayank Aggarwal 328 Jan 18, 2022
A Fully Functional E-Commerce Website Built With React, With Authentication and Credit Card Support

A Fully Functional E-Commerce Website Built With React, With Authentication and Credit Card Support

Idan Refaeli 8 Jan 5, 2022
This is a cloned website of the official tesla page built with react js

TESLA-CLONE This is a cloned website of the official tesla page built with react js. The page has simillar sections which made duplicating these secti

Kevv_in 17 Nov 16, 2021
"Math magicians" is a website for all fans of mathematics built using React and Bootstrap.

Math Magicians "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations

Dico Diaz Dussan 6 Dec 6, 2021
Review Games Website Built With React

Review Games Projeto de estudo que empresas podem se cadastrar e adicionar jogos para mostrar a usuarios, e usuarios podem dar estrelas para cada jogo

Lucas Santos Ribeiro 1 Nov 19, 2021
Ecommerce website built with the MERN stack with React Context API for state management

MERN-Ecommerce Ecommerce website built with the MERN stack with React Context AP

Le Van Quang 3 Jan 11, 2022
An Ecommerce Website Built With React.js

CRAFTSMEN A good ecommerce website is one that lets customers search for what th

CRAFTSMEN 2 Jan 5, 2022
Disney+ clone WebSite Built With React And Firebase

Disney+ clone Deployment Firebase Links: https://disneyplus-clone-pro.firebaseap

null 1 Dec 29, 2021
CMPLR-Frontend - Tumblr Clone Website Built Using React.Js

CMPLR CMPLR ?? Table of Contents About Get started Technology Screenshots File s

gaser ashraf 6 Jan 13, 2022
Lucaslitton.me - Personal website built with ReactJS, Frontity, and WordPress.

lucaslitton This project was bootstrapped with Frontity. Table of Contents Launch a development server Create your custom theme Create a production-re

Lucas Litton 1 Jan 3, 2022
Assignment of Milestone 11 (Client Side) , Making an Website (Travel Related) using Firebase Authentication, Node, Express, MongoDB , Heroku, React Router, JavaScript (ES6) & React Bootstrap Etc.

Simple Site of 'Travel Related Service' (Holiday Dreams) - Assignment (Milestone - 11) This Repo is for 'Client Side' This Assignment is mainly on Nod

Yasir Monon 1 Nov 26, 2021
My portfolio website simulating macOS's GUI, developed with React and Tailwind CSS.

My portfolio website simulating macOS's GUI, developed with React and Tailwind CSS.

Xiaohan Zou 2.5k Jan 12, 2022
Typing test website build with React

Typing test website build with React

Salman Shaikh 25 Jan 16, 2022
This website is a React and Redux app. It is simply an adding and removing books store.

This website is a React and Redux app. It is simply an adding and removing books store. Thank you to the ZEPLIN website for the UI provided. This application works with an existing API.

Olipliche B.F. Mavoungou Paka 4 Oct 25, 2021
Membuat website kloning tesla menggunakan React

This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template. STEP npx create-react-app tesla-clone --template redu

Fawwaz Bayureksa 1 Nov 3, 2021
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example

Flipkar Clone MERN stack Sijeesh Miziha's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart it has RazorPay I

Sijeesh Miziha 14 Jan 12, 2022
This AWS Ecommerce Website is a multi-tier ecommerce web application that uses React, HTML, typescript, and Javascript

This AWS Ecommerce Website is a multi-tier ecommerce web application that uses React, HTML, typescript, and Javascript Outline Overview The goal of th

Alok Roy Chatterjee 2 Dec 16, 2021