Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nathan-somto/cowrywise-landing-page
Cowrywise landing page with redesigned hero section built with React , framer-motion.
https://github.com/nathan-somto/cowrywise-landing-page
bem-css cowrywise framer-motion javascript landing-page react react-icons react-router-v6 vite
Last synced: 8 days ago
JSON representation
Cowrywise landing page with redesigned hero section built with React , framer-motion.
- Host: GitHub
- URL: https://github.com/nathan-somto/cowrywise-landing-page
- Owner: Nathan-Somto
- Created: 2022-12-24T16:58:31.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-12T16:28:11.000Z (over 1 year ago)
- Last Synced: 2024-11-21T21:33:47.047Z (2 months ago)
- Topics: bem-css, cowrywise, framer-motion, javascript, landing-page, react, react-icons, react-router-v6, vite
- Language: JavaScript
- Homepage: https://cowrywise-landing-page.vercel.app
- Size: 8.21 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cowrywise Landing Page
- [Overview](#overview)
- [Tech Stack](#tech-stack)
- [Features](#features)
- [Installation](#installation)
- [Pages](#pages)
- [Home page](#home-page)
- [Login page](#login-page)
- [Sign up page](#signup-page)
- [Design](#design)
- [What i Learned](#what-i-learned)
- [Continued Development](#continued-development)
- [Contributors](#contributors)
## Overview
This project is part of my attempt to recreate the site's of popular brands around my region.
I had a lot of fun building this project, as i got the chance to practice building tricky layouts.
## Tech Stack
Nothing to fancy was used to build the project but you can take a look at my tech stack.
- [React](https://#) (Frontend Library)
- [Framer Motion](https://#) (Animation Library)
- [Vite](https://#) (Module Bundler)
- [React router dom](https://#) (For client side Routing)
- [Javascript](https://#) (For all the bugs in my program.)
## Features
- A Custom carousel
- Mobile navigation
## Installation
Installing the project can be done in 4 easy steps.
1. Clone the git repository to your locally machine
```git
$ git clone https://www.github.com/nathan_somto/cowrywise-landing-page.git
```
2. Run the command to install all dependencies
```git
$ npm installl
```
3. Start the server
```git
$ npm start
```
4. Open it on your favourite browser (Most likely chrome.)
```git
$ server started on http://localhost:5173
```
## Pages
### Home page
### Login page
### Signup page
## Design
The link to the figma file, i used
## What i Learned
## Continued Development
## Contributors
- [Nathan_Somto](https://www.github.com/Nathan_Somto)