Code Monkey home page Code Monkey logo

elektra's Introduction

⚡ ELEKTRA⚡

An ML powered Electricity Outage prediction tool

CHECK LIVE

Check out the YouTube video

ew1 resp

Open Source Love svg1 License: MIT PRs Welcome Maintenance

Issues Pull Requests Pull Requests

Forks Stars Watchers

Features

  • Real-time monitoring with map
  • Admin / User Dashboard
  • Analysis of different areas in a city
  • Analysis of previous data of a city
  • Announcements by Electricity Board
  • Public Feedback

Tech Stack Used

  • HTML5
  • CSS3
  • Bootstrap4
  • JavaScript
  • JQuery
  • Django
  • Sqlite
  • Google Maps API
  • Google Cloud Platform

Contribution Guideline 💻:

You may go through these guidelines and contribute accordingly:

  • Make sure you do not copy codes from external sources because that work will not be considered. Plagiarism is strictly not allowed.
  • You can only work on issues that you have been assigned to you.
  • If you want to contribute for an existing code, we prefer that you create an issue before making a PR and link your PR to that issue.
  • If you have modified/added code work, make sure that it is working fine before submitting.
  • Strictly use camel case in your functions and classes.
  • Do not update the README.md.

How to fork and run Elektra on your local machine 💻:

  • Download and install Python

  • Download and install Git.

  • Fork the Repository.

  • Clone the repository to your local machine $ git clone https://github.com/<your-github-username>/Elektra.git

  • Change directory to Elektra $ cd Elektra

  • Install virtualenv $ pip3 install virtualenv

  • Create a virtual environment $ virtualenv env -p python

  • Activate the env: $ source env/bin/activate (for linux) > env\Scripts\activate (for Windows PowerShell)

  • Install the requirements: $ pip install -r requirements.txt

  • Go to Elektra\settings.py and change the username and password of databases as per your own local mysql database. Here is a reference below to where you can find the code: Screenshot (129)

    After changing the username and password, create a database named Elektra and then continue on to following the steps given below.

  • Make migrations $ python manage.py makemigrations

  • Migrate the changes to the database $ python manage.py migrate

  • Create admin $ python manage.py createsuperuser

  • Run the server $ python manage.py runserver

  • Open any web browser and then paste the server address to see the webpage working on your local machine

  • Happy Coding 😁

Detailed Step by Step Video

Deployment ✔️Google Cloud Platform

Maintainers 👦👧


Akshat Khanna

💻 🖋

Unnati Mishra

💻 🖋

Contributors:

Credit goes to these people:✨

Code of Conduct

You can find our Code of Conduct here.

License

This project follows the MIT License.

forthebadge forthebadge forthebadge forthebadge forthebadge

elektra's People

Contributors

aditya201551 avatar anurag0singh avatar arpit456jain avatar ayushjha952 avatar codesbyunnati avatar khannakshat7 avatar kumarishalini6 avatar nikhilkotiya avatar prabhatp2000 avatar pranjalg13 avatar rakupcode avatar rohan-kulkarni-25 avatar shivaamm avatar shonali2600 avatar sloth-panda avatar sukriti-sood avatar swetha126 avatar tanishq-arya avatar tushar1337 avatar vanshikaa00 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

elektra's Issues

Social media panel

hiii I am a GSSOC 2021 participant.
I noticed that no social media links are there on the website.
I would suggest to add the social media links in the contact section form or as a sidebar.
I can create the social media panel. Please assign me this issue.
I would be glad to work on this.

Than You

Youtube Video Integration

Is your feature request related to a problem? Please describe.

  • A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like

  • A clear and concise description of what you want to happen.

User can watch your video in project and know how to use Elektra.

Google Authentication

Google authentication would allow the users to sign up by just a single click, instead of manually signing up and logging in. I'd love to add this feature.
@khannakshat7 Can you please assign this to me?

[GSSoC '21] Dashboard.html editing header

Hello,
While working on my issue, I found that in dashboard.html the header and footer are being re-implemented. Instead, we can extend them through base.html.

Can I do that as part of my GSSoC contribution ?

Thank you

Left aligned icons and content (GSSOC'21)

The content and the icons under the features and 'why us' section are left aligned

  • Please check the first and second image below

Possible solution

  • The text and icons can be aligned to the center . Check the example image below for better understanding

Screenshots

  • Bug :

gssoc1

gssoc2

- Possible Solution :

gssoc3

Improvement in top navigation bar.

The top navigation bar seems to be unpretentious and simple . As a GSSOC'21 participant I would like to work on this issue .Please assign me this task.

nav bar new

Contact Form UI

It is good idea to have a contact form in the contact section. As a GSSOC participant I would like to work on the frontend part of the form. I have given a screen shot of idea I have in mind. I will match it with the design of the website. You can check out the SASS repository in my profile for the full page view.
Screenshot (938)
.

Dashboard issues

**dashboard location issue **

-In Dashboard only UDAIPUR, RAJASTHAN, INDIA location is visible, can't change the location.
-when we are on dashboard still home section is highlighted with blue color (kinda confusing when we are on dashboard section)

Possible solution

-We can add a dropdown feature from where we cana choose cities and later another dropdown box to choose exact place)
-Hover section and highlighted css issues can be solved by improving CSS.

Screenshots

  • If applicable, add screenshots to help explain your problem.
    image
    In screenshot we can see the location access is given but only rajasthan is visible and other thing is (home) is in blue color , instead of dashbaord.

The User title link gets stuck if we clicked on it.

Proposal

When the logged-in user clicks on the username along with some link(in the navbar) the hover effect remains and it doesn't go until refreshing the page. I added some styling to remove the ambiguity.

Title

  • [ Gssoc21]
  • [level 1]

Hompage know more button

Describe the bug

know more button on the homepage

    • this button takes to login page and asks to login again even if we are logged in

Possible solution

We can direct the page to it's next section on the same page where it's described what this project is about.

Screenshots

  • If applicable, add screenshots to help explain your problem.
    image

OperationalError at /register/

Hello maintainers, when I was trying to sign up in the Electra, I was redirected to the exception page and it says 2002, "Can't connect to local MySQL server through socket '/cloudsql/elecktra:us-central1:elecktra-instance' (111)".
electra

Discussion panel

hiii I am a GSSOC 2021 participant. I noticed that there's no discussion panel where people can exchange their issues can you assign to me as a gssoc participant?

Left Aligned Icons and Content in Tabs

Bug

The icons and the text content in the 'Feature' and 'Why us' part are left aligned .Please check the first and second image under the screenshots section

Possible solution

  • The icons and content at the left can be center aligned

Screenshots

  • Bug

gssoc2

gssoc2

  • Possible solution :

gssoc3

Grammatical error

In Section The Problem
In India, there is a problem of Electricity Outage every now and then, especially in some states. So,Elektra is an ML based Web App by which will be use for real-time monitoring of theElectricity Outages in an area and display them in form of maps, Dashboard with pie charts, line graph, etc, where people will be able to report the electricity outages in their area of the city, in response to which the Electricity Department will try to track and solve the fault and we are able to monitor and predict the frequency of Electricity Outage in our area or in any part of the city.

There are some error which i will like to fix as the wording dont make sence somewhere i will like to fix that issue after getting assigned !!

Cursor changing when hovering over stuff

Hi, I'm a gssoc 21 participant and I noticed that the cursor is changing when hovering over stuff on the website and I think it's not really visually appealing I can fix this. Can you assign this to me?
Capture

issue with running the website

Hey after installing all the requirements I ran python manage.py runserver(even after migrating and running) but it is showing me this issue, can you upadate your readme explaining how to run this project on the server?!
Screenshot (171)

separate contributing file

there is one contributing section in readme but that is basically sort of code of conduct not how to contribute stuff so would like to add a completely separate file describing how to contribute to this project from cloning to making pr

The site shows wrong current active page

I have checked it with other pages than the home one. Initially, the page does not show the currently active page with a blue highlight but after scrolling down and going up again it always highlights the home in blue no matter on which page you actually are. I have attached a screenshot for reference.

Assign this to me under GSSOC'21.
Screenshot (127)_LI

update contributing.md

Hey! I would like to add the following in contributing.md
Add the following -

1.Difference between GIT and GITHUB
2.How to clone,fork repository
3.How to create a branch and then use git push to push to repo
4.Create a PR
5.Squash commits in a single issue into one
6, Updating the forked and local repo as the updations are made in the upstream
I would like to work on this as a part of GSSOC'21

Acknowledging the user with future outrages.

Recently, there was a power cut at our location and I was about to attend my exam online. As I was unaware of this cut I messed up in the exam.
So, as a user I expect to know the future power outrages every time.
Contribution - As we have the mail of the user, we can ask for a question: whether he wants us to send mail if there is a cut or not every time?
If yes, whenever there is a update regarding outrage from electrical department, we can use the location of that user and update the same with him.

Adding a chatbot

Hello! I am a GSSOC'21 participant.

I observed that there is no chatbot in the website which needs to be there as there are lots of benefits of having chatbots like-
Customer engagement will be increased
Customer service will also be increased
Its trending

There could be some person who would be replying the messages or some bot for faqs.

@khannakshat7 @CodesbyUnnati I would like to work on this

improving footer

i would like to improve footer because your footer merge with contact footer should be different and bold
can assign me under gssoc21

Regarding the content of the webpage & styles

2021-03-09 (6)

Hi, there are various typing errors and the content of the website is not to the point, I'd like to work on this issue as a GSSOC '21 Participant. I'd also like to re-vamp the color palette & fonts of the webpage, which would lead to more traffic, I believe.

Thank You!

improving feedbackpage

The blue line around the form is not that much attractive:-
1: We should add border radius, margin and padding around the form .
2:and submit button should be quite stylist, should add pop out or hove effect

i would like to work on it under gssoc21, can i??

Backend for Contact us form

Is your feature request related to a problem? Please describe.

We have created the frontend for the Contact us form using HTML and CSS. Add the Backend code to handle the response after submit button.

Describe the solution you'd like

  1. You need to add a function in views.py to send an email to the admin.
  2. Add the path/route to the url.py file.

Update Readme.md and add steps to run the project locally

  • Add the steps to run Django Project locally.
  • This would help the contributors to set up project on the local system.
  • Just add the commands to run in the terminal.
  • The steps should include -
  1. Installing Django in virtual environment.
  2. Installing the dependencies.
  3. Connecting project to MySQL database.
  4. Migrating the project DB.
  5. Create a superuser.
  6. Run the local server.

Linkedin authentication.

Is your feature request related to a problem? Please describe.

  • A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like

  • A clear and concise description of what you want to happen.
    Linkedin authentication would allow the users to sign up by just a single click. Save the time of the user for login.

Content and icons aligned to the left (GSSOC'21)

Content and the icons under the 'features' and 'why us' section is left aligned

-Please check the image 1 and 2

Possible solution

  • The content and the icons can be center aligned . Please check third image

Screenshots

  • Bug :

gssoc1

gssoc2

- Possible Solution:

gssoc3

Tech Stack Update ( LOGO add )

I will like to add tech stack logo used in our project this will make our project attractive !! Will start to work on this issue as soon as i get assigned !!

[GSSoC '21] Dsahboard header bug

Hello,
On dashboard page, the header button does not show on mobile.
I'd like to fix this bug as part of my GSSoC participation.
image

ML folder

Add A Ml folder

  • Add a Ml folder where we can keep all flask application for ml models to work
  • Also add Model.pickle files to that folder

Solution

  1. Creating folder
  2. Intializing python env for flask
  3. Model creation and pickle module upload
  4. dataset upload
    @khannakshat7 @CodesbyUnnati

Adding Dark Mode

I would like to add the dark mode feature to the website. Please assign me this issue as part of GSSOC'21.

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.