dezenix / frontend-reactjs Goto Github PK

Description

Create a section on the page where we can display our Team Members and Team Leaders with their social media handles in a representable manner and their Images and other contact details

• Responsive
• Create your own dummy dataset to store all the team members' details
• Animation On Hover
• Don't Copy as it is from the Example
• Follow the Code Of Conduct

Screenshots

Here are some of the examples of the Profile Cards

Example 1

Example 2

Additional information

After the assignment of the task try to complete it within 5 - 7 days. Otherwise, it might be assigned to someone else

Follow the contribution guidelines and Code Of Conduct.
Create a responsive Adminpanel component using react which can be used in Websites.

Description

Follow contribution guidelines and code of conduct.
Create a button which would toggle between light and dark mode of the website.
A minimal page has to be created where light and dark mode change would be depicted.

Screenshots

No response

Additional information

No response

Description

Follow contribution guidelines and code of conduct
Create a responsive, animated product card component using Reactjs which can be used in websites

Screenshots

No response

Additional information

Make the UI impressive

Description

This will be a random meme generator where the user can create meme.

Screenshots

No response

Additional information

No response

Description

Design a responsive admin panel along with graphs and charts (Line chart, Area chart, etc..) with dummy data

Try to take reference from Admin Panel but don't copy it as it is

Follow the contribution guidelines and Code Of Conduct.
Create a responsive Adminpanel component using react which can be used in Websites.

Screenshots

Additional information

• Pie Chart
• Area Chart / Line Chart
• Responsive Designe
• Sidebar as given in the Image

Description

The react-table is a lightweight, fast, fully customizable (JSX, templates, state, styles, callbacks), and extendable Datagrid built for React. It is fully controllable via optional props and callbacks.

Screenshots

Additional information

No response

Description

Code a home page for a Portfolio Website according to the design shared in the link below using react.js
https://www.figma.com/file/N0e0vGUoaWDdTaE0ppeEeY/Home-Section?node-id=0%3A1
Please follow contribution guidelines and code of conduct.

Screenshots

No response

Additional information

No response

Description

Follow contribution guidelines and code of conduct
Create a button component using reactjs

Screenshots

No response

Additional information

Make the UI impressive

Description

Follow the contribution guidelines and code of conduct
Create a progress bar component using reactjs that can be used in websites

Screenshots

No response

Additional information

Make the UI impressive

Description

Follow the contribution guidelines and code of conduct
Create a responsive footer using ReactJS which can be used in websites

Screenshots

No response

Additional information

Make the UI impressive

Description

This will be the Hero Section for space related website. There will be four planets on the page and we can move them with the help of mouse pointer in restricted area (Using Framer Motion Library).

Screenshots

Additional information

No response

Description

Code a Project Section page in accordance with the design shared in the link below using React.js
https://www.figma.com/file/cwziSt9mQveGw7u3x6whB7/Project-Section?node-id=0%3A1
Please follow contribution guidelines and code of conduct

Screenshots

No response

Additional information

No response

Description

Anime image slider is a image slider with both images and text for info about anime with full responsiveness

Screenshots

in mobile view

Additional information

Please assign me this under GSSOC22

Description

Design a simple contact us form with a clean UI and include all the common fields that are present in a simple contact form like email, phone no, problem, and many more. Make sure to make it responsive

Note

After the assignment of the task try to complete it within 5 - 7 days. Otherwise, it might be assigned to someone else

Follow the contribution guidelines and Code Of Conduct.
Create a responsive Adminpanel component using react which can be used in Websites.

Description

I want to add a grocery list site where we can add, remove, update items.
The site can be checked out from HERE

Please assign me under GSSOC'22.

Screenshots

Additional information

No response

Description

Code a Case Study page in accordance with the design shared in the link below using React.js
https://www.figma.com/file/8kV2PkJG5V2wlUVhWBDPy9/Case-Study?node-id=0%3A1
Please follow contribution guidelines and code of conduct

Screenshots

No response

Additional information

No response

Description

I have a mobile friendly react landing page and I want to add that in this repo.
Please assign me @Abirpal202049 Under GSSOC'22.

Screenshots

Desktop View :

Mobile View :

Description

Follow the contribution guidelines and code of conduct
Create a loader component in reactjs which can be used in websites

Screenshots

No response

Additional information

Make the UI impressive

Description

Follow the contribution guidelines and code of conduct
Create a responsive slider using ReactJS which can be used on websites.

Screenshots

No response

Additional information

let's be creative and make the UI impressive.

Description

the project has two different versions of eslint as dependencies, this issue might occur because of using create-react-app and also manually installing eslint.

Screenshots

No response

Additional information

No response

Description

You have to design the home page of this project and present it in a representable manner. You can use your own creativity to design this page. But don't forget to attach the screenshot or small video before merging.

Screenshots

Improve this Page 👆👆

Additional information

Extra things which you can implement

• Responsive Design
• Animation
• Card Display of each component
• Custom Scrollbar
• Glassmorphism and Sticky Navbar

The above mention points you may or may not include in your design it's totally your choice there is no hard and fast rule to implement all these points. Feel free to use your own creativity

Note

After the assignment of the task try to complete it within 5 - 7 days. Otherwise, it might be assigned to someone else

Follow the contribution guidelines and Code Of Conduct.
Create a responsive Adminpanel component using react which can be used in Websites.

Description

Follow the contribution guidelines and code of conduct.
Create a responsive Navbar component using react which can be used in websites.

Screenshots

No response

Additional information

No response

Description

Follow contribution guidelines and code of conduct.
Create a responsive Sidebar using Reactjs which can be used in websites

Screenshots

No response

Additional information

Make the UI impressive

Description

react

Screenshots

No response

Additional information

No response

Description

Code an about page for a Portfolio Website according to the design shared in the link below using React.js
https://www.figma.com/file/T213jZ2k9Xt3sZ787Bmhfg/About-Section?node-id=0%3A1
Please follow contribution guidelines and code of conduct.

Screenshots

No response

Additional information

No response

Description

Code a Food Gallery page in accordance with the design shared in the link below using React.js
https://www.figma.com/file/kFLJ3X54CjqLgKuT1aIa22/Food-Gallery?node-id=0%3A1
Please follow contribution guidelines and code of conduct

Screenshots

No response

Additional information

No response

Description

Follow the contribution guidelines and code of conduct.
Create a responsive Navbar component using react which can be used in websites.

Screenshots

No response

Additional information

Make the UI impressive.