Skip to content

Commit

Permalink
minor fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
pankaj-kumar-yadav committed Feb 14, 2024
1 parent 4a4601d commit 08011b2
Show file tree
Hide file tree
Showing 11 changed files with 86 additions and 15 deletions.
74 changes: 69 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,8 1,72 @@
# React Vite
# Portfolio Website

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
This website is a Powtoon clone where I used React, JS, and Tailwind CSS to create a clone of Powtoon, which is a British animation service platform.

## Authors

- Pankajkumar Yadav

## Demo

https://powtoon67.netlify.app/



## Tech Stack

**Client:** React, Js, Tailwind CSS , Font Awesome(icons) , Chakra UI


## Run Locally

Clone the project

```bash
git clone https://github.com/PankajYadav67/powtoon.git
```

Go to the project directory

```bash
cd powtoon
```
Run npm run dev command on terminal


## Screenshots

**Navbar:**
![App Screenshot](/public/ss/login.png)











**Hero Section:**
![App Screenshot](/public/ss/hero1.png)
![App Screenshot](/public/ss/hero3.png)












**Pricing:**
![App Screenshot](/public/ss/pricing.png)

**Login:**
![App Screenshot](/public/ss/login.png)

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
2 changes: 1 addition & 1 deletion cilent/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg xml" href="/vite.svg" />
<link rel="icon" type="image/svg xml" href="/images/New_Logo_Powtoon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="preconnect" href="https://fonts.googleapis.com" />
Expand Down
Binary file added cilent/public/images/New_Logo_Powtoon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added cilent/public/ss/hero1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added cilent/public/ss/hero2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added cilent/public/ss/hero3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added cilent/public/ss/login.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added cilent/public/ss/navbar.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added cilent/public/ss/pricing.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 14 additions & 8 deletions cilent/src/Components/Navbar/Navbar.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 4,7 @@ import {
Menu,
MenuButton,
MenuList,
MenuDivider,
} from "@chakra-ui/react";
import { useAuth } from "../../Contexts/Auth.Context";

Expand All @@ -24,10 25,12 @@ export const Navbar = () => {
width={"200px"}
height={"45px"}
style={{ fill: "white" }}
className="filter grayscale brightness-100 "
/>
</a>

<nav role="navigation" className="mx-2 flex justify-center items-center space-x-1">
<nav role="navigation" className="mx-2 flex justify-center items-center space-x-4
.">
{/* Create Menu */}
<Menu isOpen={isOpen}>
<MenuButton
Expand All @@ -40,22 43,25 @@ export const Navbar = () => {
aria-label="Courses"
fontWeight="normal"
onMouseEnter={onOpen}
onMouseLeave={onClose}
fontSize={"larger"}
>
Create
</MenuButton>
<MenuList onMouseEnter={onOpen} onMouseLeave={onClose}>
<MenuItem color={"black"}>5658
{/* Content for Create Menu */}
</MenuItem>
{/* More MenuItems for Create Menu */}
<MenuList onMouseEnter={onOpen} onMouseLeave={onClose}>
<MenuItem fontSize="sm" color={"black"}>Videos</MenuItem>
<MenuItem fontSize="sm" color={"black"}>WhiteBoard Doodling</MenuItem>
<MenuItem fontSize="sm" color={"black"}>Animated Videos</MenuItem>
<MenuDivider />
<MenuItem fontSize="sm" color={"black"}>Screen Recordings</MenuItem>
<MenuItem fontSize="sm" color={"black"}>Presentations</MenuItem>
<MenuItem fontSize="sm" color={"black"}>Customs Character</MenuItem>

</MenuList>
</Menu>

{/* Why Powtoon Menu */}
<Menu isOpen={isOpen}>
{/* Similar structure as Create Menu */}

</Menu>

{/* Solution Menu */}
Expand Down
3 changes: 2 additions & 1 deletion cilent/src/Pages/Education.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 3,7 @@ import 'swiper/css/bundle';
import 'swiper/css/pagination';
import { Pagination } from 'swiper/modules';
import { EducationConstantsData } from '../Constants/EdcationConstants';
import { Footer } from '../Components/Footer/Footer';


export const Education = () => {
Expand Down Expand Up @@ -180,7 181,7 @@ export const Education = () => {

</div>
{/* box-6 */}

<Footer/>
{/* box-7 */}


Expand Down

0 comments on commit 08011b2

Please sign in to comment.