/Ketto

"Ketto" is an Online Crowdfunding Platform and Website in India for fundraising of Social, Charity, Movies, Music, Personal and Creative causes.

Primary LanguageJavaScript

Solo Project - a task to Clone the ketto.org Website.

See My Live Website

https://shravani-ketto.netlify.app/

Installing and Running

Executing the commands mentioned below one by one in your command line will help in making this React app . Cloning

https://github.com/ShravaniMishra/Ketto.git
npm install

To run the react app execute below command

npm start

**For Mock data Used In This Project Please Run these Commands :- **

json-server data.json --port 3001
json-server url.json --port 3003
json-server db.json --port 3004

NPM Packages used

  • react react

  • react-router-dom react-router-dom

  • axios axios

  • create-react-app create-react-app

  • Chakra UI [![styled-components]

  • iconify/react

Technologies Used

html5 css3 react

## Features - Fullscreen mode - Fully responsive( supported in all devices) ### Landing Page : The Landing Page of Ketto website displays various funds, success stories and chatbot application. In top section there is a Header which displays varius section links of website. Sliders are included in the page, popups are shown when hovered. At the bottom section there is a footer, both Header & Footer are same across all the pages. The page is responsive for all screen sizes.



The library used for icon is:"https://iconify.design/"

Login Page:

Existing user can Login and new user's can SignUp themselves on page. From NavigationBar of Landing Page.



After Login user direcly redirect to home page. There are many Child pages linked to the Landing page and after login page, but for this clone following pages are made.

Fundraiser form page :

Screenshot-253

There are some Key Features which are added in website clone such as:

Special features:

Screenshot-265

Screenshot-250

Screenshot-252

Screenshot-263