Ibrahim wael

i made this website to help students in highSchool to Know what is SDGs is , and climate change

the register page from last devLog

i made Community page , talking about Features and why the our platform community are the best and how we save it , then i made some edit on dashboard , but i didnt complete it yet, and i edit register page thats more active and good ui for it , i will show u next Devlog , wait me

updated the userAuth ( file that connected front-end to Back-end ) and used Axios library . i heard that axios library are good and makes the call suuper fast , so i used it . and last thing i edit register and login form design ( i think its more attractive idk ), see yaa after new feature :>

I edited the DemoLink because I had forgotten that I changed it earlier :| , and I also fixed some form issues

i made AuthProvider.ts file ( its really hard and made me searching , reading docs and tutorial youTube videos until i finally did it ahhhhhhh ) . then i made Login and register form (its work .thx god ) . and im working on dashboard now its really bad looking , but i will add all functions then i will make ui (;-;)

i started working on Back-end after i learned Express.js with MongoDB .
so i made some Authentication for users ,User Posts and Comments . i took so long to make all of this cuz i had bugs with Mongoos :|

i learned a lot of things like routes, schema, express-session, Express-validation, MongosDB, Hashing password, passport-local and passport with any platform like discord or facebook or so many options
yep i took long time to learn Back-end but i wanna make this project like start up , so stay tuned <3

i made this project since 2 month but now i will complete it now, stay tuned

working on back-end side now , then i will add front for it later ,but now im focus on authentication :>

now i add books page with SearchBar and Details page , i made it with Google Books API .

i made Hero section , NavBar , dark & light mode and i made future section .
i made all that and i forget to dev log it :|
btw i will do some ui of web then i will make Back_End then i will connect it to Front , Stay tuned <3

i made the last thing that`s register page and Challenges page . now i can say the project finished

i added the resource page and add that section of categories

i added About page , i added it before but i forgot to devlog it :<

added FAQ page , and i made custom animation with CSS and its kind of look good btw , and some animation with framer-motion

i started to make EYCC website (Egyptian Youth Cybersecurity Challenge) , thats first Cybersecurity competition in EGYPT , :), i made the first thing thats hero section :>

i just made two pages that`s for HCSE hackathons details , its with next route and i took so many time to understand how to make page that i write some information about something and its will shows up without write another page with copy paste the code , its look like i took some info from API but the info in .tsx file , u can go to GitHub repo and u will understand what im talking about , (u should know next route ) . ty <3

Added support page , so i can know more if some one had problem with my app . and i edit search page so u can search by category ,country and name. and i will add Fav button so u can store ur Fav Meal , and if the user Muslim its will hide Pork meals or not Halal meals and i will add donation page but its hard to me cuz i don`t have card but i will add google ads and user can choose if he want this ads to support me or not ( i will not force users to watch ads) . if i get donation or support i will subscribe with API that better and get more meals for u <3 and maybe i will make Mobile APP and add Fridge section so u can store all food in ur home so app can recommended meals u can cook to u , ty for your time ,Have a nice Bite :)

i made new card for more beautiful UI :) , tell me what do u think

few pages added . u can search meal by category or country , or if u dont know what to choose u can check page called (random ) thats will gets random meals for u and u cam tap on any meal and have fun cooking . last thing u can see all those pages and open it if u are sign in only :) , have good meal <3

i added login and sign-in with clerk . wait me when i will connect API with app soon :>

add FAQ section 0_0

I just add category section ,then I will add API that`s makes u can search about food category and start cook Your next bite :) , and yeah I add orange color to text (I think its will add more beauty for my web, tell me if u like it) , in the end I added FavIcon :\

I just made it like About section but I'll edit it soon and make it look like category section not just About section cuz I don`t know what to write there, I made the images Draggable (with Framer-motion) but its will return to same position that was in it , and Its hard to make it Responsive So I just make it hidden in mobile View , u can drag it with your PC and Tablet <3

i just add dark and light mode , that`s was a little hard but i did it :)