A Website inspired by Stackoverflow for Dummies in Love!
This is a internship-related project of mine where I was asked to clone Stackoverflow using Django, but I had to use my own ideas and whatnot so that I can "learn" the basics of Django. I know the name and the website itself and the idea of the website are dumb. Hence the phrase, "Dummies in Love". Because I, myself, am a dummy who happens to be in love and it's painful to say the least. Not the love part. The dummy part. I mean, each day I wake up and say last night was the most stupid thing that I have ever done and I somehow manage to top it all off... AGAIN.
The Navbar's about redirects you to the about section of the website from anywhere. Most new Django users forget that they must add a "/" before the "#" to be able to redirect the website towards their desired section within the html code. And for this to work you must have an ID assigned to the HTML elements.
Django 4.2.4 is used along with Pillow 10.0.0 to integrate the users' profile picture, and Django Crispy Forms is used to integrate the Q&A part of the clone of Stackoverflow. The database I have used is SQLite3, which I will be changing to Postgres, in a couple of days (unless I start to procrastinate on this project). The main reason behind this is that, my seniors have given me different Django-related tasks to get me up-to-speed on the problem solving of Django with different databases as backend. So far I have used MySQL as well as SQLite3, but I have yet to use Postgres, and for this reason my seniors at the firm for which I am interning (@LearnOBots) have given me the task to implement this "Clone" of Stackoverflow using my own ideas but implement it using SQLite3 as well as Postgres.
This is the part where I would like to clarify that I did not code the frontend from scratch, I instead have used Bootstrap to get the skeleton code for various items such as the Navbar.
The landing page presents a very simple design featuring three clickable buttons that take you(the user) to the pages where the good stuff(questions) are at!
Upon registering as a user, you will be redirected to the homepage of the website, where you will find that the buttons that were previously "login" and "signup" have now been changed to "Profile" and "Logout", respectively.
Upon clicking on the profile, you will see that you can update the info on your profile and change your username, bio, and profile picture as well
Completion of this update dialog will lead to a prompt that says you have successfully updated your profile and it will display the changes that you have just made
If you click on any of the three buttons provided on the Landing page, you will be redirected to the appropriate page of the questions where all of the top questions will be displayed (these are
displayed using the formatting of the latest question asked). I have used the latest question asked formatting since that is the one which Stackoverflow follows, and since this website was
originally meant to be a clone of stackoverflow and I was later asked to change it according to my own creativity, this is a feature that I felt would be better if left unchanged.
The top questions will be displayed as under:
You can ask a new question by clicking the "Ask a question" button, which will redirect you to the following screen:
When you ask a quesiton, this is how it will be displayed, if there doesn't exist an answer to the question:
Suppose, you are an expert (loveguru as per the terminology of the website :3), and you want to guide a newbie about something that they want answers/guidance for. You simply click on the question and click the answer this question button located under the question form. This will take you to the following display:
If you were to click on any of the questions given in the "Top Questions" bit, you will be redirected to a page which shows the same display as the one shown above... but... if there exists an answer, the following will be displayed:
Hello, everyone! I'm glad you made it this far, because this means that there's a chance that you might get to know something about me as most people, such as myself, like to only skim over the readme's about the author and/or the motivation section(s) and quite frankly the feeling of knowing that I poured my heart and soul into this project yet some people might skip this part without even a second thought is a very humbling and gratifying experience to say the least.
Anyways.
My name's Muhammad Osama, Xcel is my gaming name and i'm an ex-professional of Counter-Strike and Counter-Strike Global Offensive for my country, Pakistan. I'm also a hobbyist photographer and I love nothing more than to just sit on the rooftop, watching the moon illuminate whatever is in its wake. What do the cool kids call it? Selenophile? I could never get this word right tbh since I always end up writing Selena instead ๐ฅฐ
I want to thank https://github.com/desphixs for the amazing youtube tutorial that helped me get this Website up and running (at least on my localhost) ๐
You can clone this repo using the following command:
git clone https://github.com/Xcel2k/CupidOverflow.git
If you find any bugs/improvements, do let me know โค๏ธ
Check out more of my projects over at my github profile.
Alternatively, you can find me over at: