@BBCWorld It was not against social media ban. Youths were protesting against the corruption and the corrupt politicians running the country. Blood has been shed against unarmed 16 - 20 year old students. This is an act against of humanity and rights. Condemn these politicians.
20 young lives have been stolen today by Nepalese police as they opened fire on uniformed students demanding an end to corruption.
We call on the @UN, @hrw, @CNN, @BBCWorld, and the global community: Condemn this brutal massacre. Hold those in power accountable for crimes
#Nepal
Never Forget. This is the sacrifices of our youth they had to make for demanding better Nepal, corruption free Nepal. KP Oli/ Deuba / Prachanda may you all face hell in your life.
#NepalProtests#CORRUPTION
Resigning isn't enough. These top murderers, including all other responsible people, need to be prosecuted...
KP Sharma Oli, Prime Minister
Ramesh Lekhak, Home Minister
Chhabi Rijal, CDO- Kathmandu
Raju Aryal, Chief -APF
Several students in school uniforms were murdered today during a peaceful protest. This blood is on KP Sharma Oli. He must resign immediately.
We call on international media and the @UN to investigate and hold him accountable. Nepal deserves justice. #Nepalprotest
DAY 16 of #20DaysOfReact
HOW TO STRUCTURE YOUR FRONTEND CODE IN REACT.
[with explanation]
📁src
|
|_ 📁components
| |_ 📁Cards
| | |_ 📄MainCards.jsx
| |_ 📁Buttons
|_ 📁api
| |_ 📄Auth.js
| |_ 📄Event.js
|_ 📁Pages
| |_ 📁HomePage
| | |_ 📄HomePage.jsx
| |_ 📁LoginPage
| |_ 📄LoginPage.jsx
|_ 📁contexts
| |_ 📄AuthContext.js
| |_ 📄EventContext.js
|_ 📁hooks
| |_ 📄useAuth.js
| |_ 📄useEvent.js
|_ 📁utils
| |_ 📄HelperFunctions.js
| |_ 📄Date.js
|_ 📁assets
| |_ 📁images
| | |_ 📄logo.svg
| | |_ 📄background.jpg
| |_ 📁styles
| |_ 📄global.css
| |_ 📄theme.js
|_ 📄App.jsx
|_ 📄index.js
Here is a brief explanation:
- src: This is the main folder where your React app lives.
- components: Think of this like a box of LEGO pieces. It holds small, reusable parts of your app, like building blocks. Inside, you have separate folders for different types of blocks:
Cards: These are special blocks that you can use to create things like information cards.
Buttons: Here, you keep different types of buttons you can use in your app.
- api: This is like a special toolbox where you keep tools for talking to the internet.
Auth.js: It probably has stuff for logging in and keeping your app secure.
Event.js: This could handle things like scheduling events or activities in your app.
- Pages: Imagine this as a storybook with different pages of your app.
HomePage: This page contains all the stuff for your app's main screen.
LoginPage: This is where users can log in to your app.
- contexts: Think of these like invisible helpers that carry messages between different parts of your app.
AuthContext.js: It helps parts of your app know if someone is logged in or not.
EventContext.js: This one helps your app share information about events.
- hooks: These are like shortcuts or tricks to make parts of your app work better.
useAuth.js: It helps with all the stuff related to logging in and out.
useEvent.js: This one makes working with events easier.
- utils: This is your toolbox of handy tools for your app.
HelperFunctions.js: Contains tools for doing all sorts of jobs in your app.
Date.js: It might help you handle dates and times in your app.
- assets: This is where you keep pictures, designs, and styles for your app.
images: Stores the pictures your app uses, like a logo or background.
styles: Holds the rules for how your app should look.
- App.jsx: Imagine this as the main stage where your app comes to life. It decides what to show and how everything should work.
- index.js: This is like the stage manager. It tells your app to get ready and appear on the screen for everyone to see.
This organized structure helps you build and manage your website in a neat and organised way, making it easier to understand and work on, especially when your project gets bigger and more complex and you have to make changes very often.
I am not saying that this is the only or the best way, this is what I usually follow and thought about sharing it.
Are you pursuing your goals for your benefit or for the benefit of others?
E.g., Are you losing weight for you? Or to impress others? Are you going back to school for you? Or for others? Are you trying to build a business you believe in? Or that you want others to believe in?
Year end makes many people reflective and zoom out to look at their life and choices.
It maybe useful to do this every month and not wait for year end if one wishes faster iteration in themselves.