Code Monkey home page Code Monkey logo

websitefrontend20's Introduction

WebsiteFrontend20

Note: Let all the react component files have .jsx extension.

npm install
npm start

websitefrontend20's People

Contributors

saranonearth avatar dec0deit avatar anuj-0911 avatar thelokeshgoel00 avatar vxd447 avatar prathamzx avatar sourabhsing3 avatar ashu2305 avatar pratham-bst avatar sparshbatra avatar

Stargazers

 avatar  avatar  avatar  avatar Sarthak Mittal avatar

Forkers

vxd447

websitefrontend20's Issues

Implement Events🕹️

To work in: Events.jsx componet
Fetch events from api console log the response for now. We will print UI later.

Context Store

  • Setup global state store
    Mostly only one field will be managed globally
{
isAuth: boolean
user: Object
}

OAuth setup

  • Setup google OAuth
  • Dispatch auth state throughout the application

Create User Profile Page🕹️

  • Create a user profile page
  • Route: /user

Implementation

  • Fetch user data from Context store. [Comment if you are unsure about this ]
  • Fetch user registered events and console log it we can print UI later.

Add particle.js

  • Add particle.js to home page DOCS
  • Color should be light grey.
Note: Color code available in CSS file

Implement EventDescription🌡️

  • Fetch event description from the api and console.log for now we can print UI later.

Get the event name from query of router object and use that to fetch the details.

Events page UI

  • Create the UI for events page.

image

- ping me I will describe the UI idea a little better.

React router setup🚀

  • Setup react router (Docs)
  • Add routes in App.jx
  • Create corresponding views file
    Note: Let the file extensions be .jsx for all the views and components.

Views to be created

- About.jsx (/about)
- Contact.jsx (/contact)
- Queries.jsx (/query)
- Devs.jsx (/devs)
- Category.jsx (/categories)
- Events.jsx (/events)
- EventDescription.jsx (/eventdetails)
- Home.jsx (/home)

Create UI for ask query page

  • Just a form at the center with * Ask query * as title in green color and a form accepting name, email, message (Check api for better info regarding this).

image

Implement Categories🏁

To work in: Category.jsx componet
Fetch Categories from api console log the response for now. We will print UI later.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.