Introduction
First of all i want talk about, what i was done during summer internship time period .
During the Covid-19 pandemic our college "CHARUSAT UNIVERSITY" has decided , In the lock down period you have to prove your skills and get achievement for your future, That's the first experience. so i decided i want to prove my self in between all of. So We started our work fro home for the "Evernet Technology Company" .
So We choose the Web Development Area, then we started making of CLUB Website,
The Name is that "Friday Club." As We know In a Web Development , there is two main thing which is more helpful for websites making.
1) Front end
2) Back end
So I want to give a brief introduction , A Front end means "Development of UX/UI of the website" and Back end means the server side Scripting i.e PHP, JavaScript,Database.
Here is the basic Overview of a Website . As We making a website Dynamic so here i am putting a pictures of Desktop and mobile overview of a Website.
1) PROJECT OVERVIEW
The basic overview of this project, as we are making a website for a club. In this website we put all functionality like Home page of website, Club Gallery, Member login , contact us and About us. In which we put a sub web pages. Whenever member login in , then it’s gives Notice , Attending a meeting or not and then member can Reset Password, etc. Functionality which we put in member login page. Other side admin should have all functionality , to arrange meeting , upload photos of latest meeting and set the member’s meeting details, etc.
2) PURPOSE
The basic purpose of this website is . it’s very to use for admin , member and regular user. So admin can manage or arrange meeting easily. All the latest meeting’s photos should be updated in Gallery with date. So, this website is very much useful for Club.
3) SCOPE
Scope of this website is it’s a very useful for all member’s and regular customers . This website is useful to everyone who worked with SEO. This website making with HTML , CSS, JavaScript, PHP, etc. So the search engine optimization is very good compare with other website build tool like WordPress and Wix.
4) OBJECTIVE
Main objective of the project is understand the principle of creating an effective and dynamic web page. Develop skills in analyzing the usability of a web site. User can develop basic programming skills using JavaScript and jQuery. In this project our main objective is to fulfill the customers services.
Flow Diagram :
Desktop View :
Mobile View :
1. Front End
In a front end there is two main thing is "User friendly Web" and "Responsive Web".
The front end of a website is the part that users interact with. Everything that you see when you’re navigating around the Internet, from fonts and colors to drop down menus and sliders, is a combo of HTML, CSS, and JavaScript being controlled by your computer’s browser.
Now that we’ve got that out of the way, this article will break down some of the key skills front end web developers use on the job.
TABLE OF CONTENTS
Front end Frame Works
Responsive /Mobile Design
Functionality :
As we make a Responsive website for a Club and as per company requirement We
put a admin side and member side pages. In a Admin Side we put a web pages like
1.Dashboard 2.Meeting 3.Add Member 4. Gallery 5. Reset Password 6.Setting 7.Report. and 8. Logout .
There are few pages of admin side which is given below,
Admin side and Member Side pages of a Website :
2. Back End
The Back-end of this website is developed using PHP. PHP is the most widely used for server-side scripting. The PHP scripts deal with transfer of information like the session details from client to the server and the management of database.
The back end of a website consists of a server, an application, and a database. Aback-end builds and maintains the technology that powers those components which, together, enable the user-facing side of the website to even exist in the first place.
we used appropriate encryption methods provided by the PHP. To send notifications by email, we used SMTP server which are sent by default once the particular actions are completed. To fetch data from client GET and POST methods are used in PHP.
Login Page of Website :
Now that we’ve got that out of the way, this article will break down some of the key skills front end web developers use on the job.
TABLE OF CONTENTS
1.PHP
THE DYNAMIC WEB BACK END
Database Tables of Website :
In the Website club will organize Meetings. All details of meeting is effectively stored into the database table which is given below. Whenever Admin and Member logins to website , the details of current and upcoming meeting are fetched from the database .
Final Outcome :
The whole website is ready with a HTML, CSS etc. So One final job is to be able to host all the websites So we hosted website on 000webhost.com ,that platform of hosting is free for all, at a one time with a one email. But as there is a free hosting server so our host name is https://clubfriday.000webhostapp.com/ but we parked a Domain on name servers for free so our final website is http://www.clubfriday.ga/ .
What I Learn ?
I have learnt many new things as well as technical skills. During this time period I learned how to work in team and how mange all the stuffs and solved difficulties.
I learned about basics of web development in classroom, but due to this project I learned how to develop and host a website, how to send emails using SMTP servers and many more.
Commenti