When you learn ReactJs it seems obvious to work on some projects and for the projects you might want to choose something that interests you. How about a clone of the app developed by the company that released ReactJs ? Yes, you might be getting the point, this application is basically a clone of the original Instagram and tends to add features like instagram or in fact the features that could not have been added in the instagram. So what are you waiting for? Use this opportunity to contribute and learn. π
Dummygram has been in development since September 2022 and is part of GitHub since the very beginning. Our current priorities and what we are working on is kind of obvious, but still we want to give it a unique look and make it feature rich.β¨
Table of Contents
With the ground rules out of the way, let's talk about the coarse architecture of this mono repo:
Frontend JavaScript: We use React to power our frontend apps. Almost all of the code you'll touch in this codebase will be JavaScript.
Here is a list of all the big technologies we use:
React: Frontend React app
Firebase: Data storage and Authentication
dummygram/
βββ public # Public files used on the frontend
βββ src # Frontend Code in React
The first step to running dummygram locally is downloading the code by cloning the repository:
git clone git@github.com:narayan954/dummygram.git
If you get Permission denied
error using ssh
refer here
or use https
link as a fallback.
git clone https://github.com/narayan954/dummygram.git
Dummygram has a single installation step:
npm install
You've now finished installing everything! Let's start π―
Ps: if you're getting error installing the dependencies, try --force command along with npm install. For example
npm install --force
Now you're ready to run the app locally and sign into your local instance!
To Start the development server run
npm run dev
Here's a quick run down on how to get started with open source, first of all let's know some basic terminologies:
Now you know some basic terms, let's get into how to get started with some resources to let you understand open source better:
We 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.
console.log
s 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 itAll conversations and communities on Dummygram agree to GitHub's Community Guidelines and Acceptable Use Policies. This code of conduct also applies to all conversations that happen within our contributor community here on GitHub. We expect discussions in issues and pull requests to stay positive, productive, and respectful. Remember: There are real people on the other side of that screenβ
If you found a technical bug on Dummygram or have ideas for features we should implement, the issue tracker is the best place to share your ideas. Make sure to follow the issue template and you should be golden! (click here to open a new issue)
Dummygram is now part of GitHub. For code of conduct, please see GitHub's Community Guidelines and Acceptable Use Policies.
| Admin |
| :----------: |
|
Narayan soni
|
Thanks a lot for spending your time helping dummygram grow. Thanks a lot! Keep rocking π»
MIT License, see the LICENSE file.