Git Product home page Git Product logo

kritika30032002 / reactcreations Goto Github PK

View Code? Open in Web Editor NEW
34.0 2.0 54.0 347.96 MB

Welcome to our open-source React Creations. Join us in building, improving, and innovating together in the world of React development!

License: MIT License

HTML 4.69% CSS 10.13% JavaScript 81.90% TypeScript 1.77% SCSS 0.97% Dockerfile 0.05% Python 0.50%
hacktoberfest hacktoberfest-accepted react reactjs kwoc2023 codepeak2023 iwoc2024

reactcreations's Introduction

ReactCreations

Join the discord server for more discussion:

Welcome to my open-source project! We're excited to have you on board. Hacktoberfest is a month-long celebration of open source software, and we encourage everyone to participate. Whether you're a seasoned developer or just starting out, there are plenty of ways to get involved.

Repository Motive

Our project aims to contribute more and build more opensource projects using React Js. We believe in the power of collaboration and open-source contributions. By joining us, you'll be part of a vibrant community working towards a common goal. Your contributions will not only enhance the project but also help you improve your skills and connect with like-minded individuals.

How to get started with Open Source

Here's a quick run down on how to get started with open source, first of all let's know some basic terminologies:

  • Git: is a versioning system that let's you store your code and code history on your local computer preventing loses and allowing sharing of that code
  • Github: is a server that let's you store the history in a database
  • Open Source: A project is said to be open sourced if you can see the code on GitHub
  • Fork: This is a copy that you make of a project on GitHub, it gets added to your repositories
  • Repository: A project on GitHub is called a repository
  • Pull Request: This is a fix for an issue proposed to be done in a project, this consists of you editing a file in the project.
  • Issue: An issue is a change that should be done in a project, can be a bug, a new feature or a suggestion to a project
  • Branch: A branch is a new workspace derived from the default workspace(main or master), it allows you to work on something without affecting the original code.
  • Star: When you star a repositiory, it gets saved at your profile and you can easily re-visit it later.

Now you know some basic terms, let's get into how to get started with some resources to let you understand open source better:

Contributing

I heartily welcome any and all contributions that match our engineering standards! 🙌

That being said, this codebase isn't your typical open source project because it's not a library or package with a limited scope—it's our entire product.

  • Contributions make the open source community such an amazing place to learn, inspire, and create.

  • Any contributions you make are greatly appreciated.

  • Check out our contribution guidelines for more information.

    Rules

  • No console.logs in any file: We use the debug module across the codebase to log debugging information in development only. Never commit a file that contains a console.log as CI will fail your build. The only exceptions are errors, which you can log, but you have to use console.error to be explicit about it
  • Code reviews: All submissions, including submissions by project members, require review. We use GitHub pull requests for this purpose.

Don't forget to leave a star✨

HAPPY CONTRIBUTING!!

1. Fork the Repository

Start by forking our repository to your GitHub account. This will create a copy of the project that you can freely experiment with.

2. Clone the Repository

Clone the forked repository to your local machine using the following command:

git clone https://github.com/Kritika30032002/ReactCreations.git

3. Make Changes

Add your project in the separate folder. Whether it's adding a new project or improving documentation, your contribution is valuable.

4. Add Proper Readme

Readme should describe the proper local setup steps in sequence.

5. Add it to staging area

git add <path to the file you worked on>

6. Commit Changes

Commit your changes with a clear and concise commit message explaining the purpose of the changes.

git commit -m "Add your commit message here"

7. Push Changes

Push your changes to your forked repository on GitHub.

git push origin main

8. Create a Pull Request

Go to the original repository on GitHub and click on the "New Pull Request" button. Compare your branch with the main repository's branch. Provide a detailed description of your changes in the pull request, and submit it for review.

9. Wait for Review and Merge

Once you've submitted a pull request, I will review your changes. Be patient during this process, and be ready to address any feedback or questions. Once your changes are approved, they will be merged into the main project.

Thanks to all Contributors 💪

Thanks a lot for spending your time. Thanks a lot! Keep rocking 🍻 Also Give it a Star 🌟, If you loved contributing to the project.

reactcreations's People

Contributors

aaadityag avatar abhineshjha avatar akshit20421 avatar bayyana-kiran avatar dhruv127 avatar drockparashar avatar eatulrajput avatar ejdadivas avatar gaganraghav avatar hemant933 avatar isaiahthedev avatar jaimin25 avatar jiyagupta-cs avatar kritika30032002 avatar manveer-pbx1 avatar mayank77maruti avatar nandishm0618 avatar oriapp avatar piyush1061 avatar praptisharma28 avatar pritam1136 avatar rishabh705 avatar sami3160 avatar samraj-freak avatar shreyabose04 avatar singhanuj620 avatar soumyadevsaha avatar vector-013 avatar ved091 avatar yashsachan2 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

reactcreations's Issues

STUDENT MANAGEMENT SYSTEM

screenshot--

image

technology stack - -

  1. react
  2. email js
  3. google sheet
  4. react router

description -

project provide a complete student help page for guidance that provide timetable , study material , contact teacher.

Recipe App made using react js

Description:- There will be multiple dishes available , users can filter the type of dish such as italian , chinese etc. After clicking a dish, user can read about the description of recipe of that dish.

Counter App

Want to add a counter app using react.

Also not able to add the label on this issue.

Restaurant App

I want to make the restaurant app responsive

Can you assign it to me?

Video call app using webRTC

I would like to make a video chat application using web RTC please assign this issue to me under codepeak

Transactions Management Project

Project title
Transactions Management website

Project Description
A website created for tracking business of a wholesale seller. which helps tracking the transactions done. also could edit and delete the transactions and sort the transactions with specific dates

Web stack
React , Firebase

Screenshot:
Screenshot (124)
Screenshot (125)
Screenshot (126)

Additional Context
Are you contributing under any open-source program ?
Codepeak '23

TOURS

Adding a tours project using react for tours of a tour and travel company which is using an api it is fetching data . add having a delete option

Dice Game

I would like to add Dice Game which is made using react

a React-social media application

features-

1.like , dislike posts
2. multiple pages(pagination) display many posts , chat pages , notifications
3. react -router dom feature
4. a dedicated page for users(own) profile details.

screenshot--

image
image

Grid Colors react app

I would like to add a react app that changes the grid box colors when they are clicked, using react state.

GITHUB RESTapi Project

a project from which we can derive details of the git hub users , thier repositories bio , following followers repo. links. using react and github api.

Full Fledged E-commerce website.

Project title

E-COMMERCE WEBSITE

Project Description

It is website which gives a good descritption of how a Ecommerce website should look like. It is working website having so many E-commerce facilities like Adding a Product, Updating a Product, Showing Description of Product, Deleting Product

Web stack

1.) ReactJS
2.) HTML, CSS and JS
3.) Bootstrap 5
4.) API (GET, PUT, POST, PATCH, DELETE)

Screenshot

Home Page
Screenshot 2023-12-10 114036

Product Page
Screenshot 2023-12-10 114128

Client Views
Screenshot 2023-12-10 114144

Footer
Screenshot 2023-12-10 114152

Contributin Under CodePeak'23


recipe app

I would like to add the recipe app project please assign it to me and add the hacktoberfest tag too.

learning react website

a react website where i have compiled all the hooks like-

  1. usestate
  2. useeffect
  3. useref
  4. usememo
  5. usecallback
  6. usecontext

a learning react website

React job portal website

features:
searching the top jobs from top-reputed companies all over the world.
functionalities of searching and filter jobs on based of their job role or experience
has a form where a company user who wants to add their job on to our site can fill the form and add it.
it has an option where a student/user can save the job by clicking on bookmark icon.

Dictionary App using Free Dictionary API

It is an easy-to-use dictionary website made with React.js and the Free Dictionary API. It has a minimal design that works well on computers and phones. It quickly gives you word meanings using the API.

image

React Blog Website

a blog website build using react -

Technolgy stack -

  1. React
  2. Material Ui
  3. firebase for database
  4. jonit-react text editor

Screenshot --

image
image

Quiz App

I want to add a React quiz app. Please assign me to this under hacktoberfest23.

Task Manager

I would like to create a task management app to help individuals and teams organize, prioritize, and track their tasks and activities effectively. Can you please assign me this issue @Kritika30032002 and the add the hacktoberfest tag to it.

Tenzies Game

Every player gets 10 dice. The object of the game is to roll the dice as fast as possible, the player who gets all dice on the same number and yells "TENZI!" is the winner.

I would like to add this game.

Netflix UI using React

Want to create a highly interactive Netflix UI clone using React. Please assign me this issue

react portfolio website

add a animated portfolio website

techstack ---

  1. framer motion for animation.
  2. react.
  3. react router dom.

React-PDF Crime-Chart

I want to create a React PDF report that displays US crime data in a pie-chart format, using an API to fetch the data.
Screenshot (552)

Multi Step Form React App

I would like to add a react app that is a Multi Step Form app.
Please assign me this issue and add the hacktoberfest tag to it.

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.