Permalink
Browse files

aisha project 2 finish product

  • Loading branch information...
aisha laghmani.config aisha laghmani.config
aisha laghmani.config authored and aisha laghmani.config committed Nov 8, 2019
1 parent e36640a commit 0552a8b2f9be913da4e19937c14af4ffa47dea23
Showing with 168 additions and 43 deletions.
  1. +46 −3 src/About.js
  2. +5 −0 src/App.js
  3. +7 −36 src/Home.js
  4. +84 −0 src/PrayerToSay.js
  5. +26 −4 src/index.css
@@ -2,11 +2,54 @@ import React from 'react';

const About = () => (
<div className= "AboutPage">
<h2>HOW TO PRAY</h2>
<p>
<h2>DAILY FIVE TIME PRAYERS (SALAH)</h2>
<p>Salat
Salat is the obligatory Muslim prayers, performed five times each day by Muslims.
</p>

<p>It is the second Pillar of Islam.</p>

God ordered Muslims to pray at five set times of day:
<ol>
<li>Salat al-fajr: dawn, before sunrise</li>
<li>Salat al-zuhr: midday, after the sun passes its highest</li>
<li>Salat al-'asr: the late part of the afternoon</li>
<li>Salat al-maghrib: just after sunset</li>
<li>Salat al-'isha: between sunset and midnight</li>
</ol>


<p>
<h2>
SUPEREOGATORY PRAYERS
</h2>
<p>
The fard are the required number of rakats. Additional rakats are often said: the sunnah are after the example of the Prophet Muhammad (peace and blessings upon him) and are said individuallythat is, not in congregation. The following is a chart of the order and number of rakats for each time of prayer:

</p>

</p>
<h2>HOW TO PERFORM SALAH (
PRAYER) </h2>

<p>
1. Stand upright facing the direction of Al-Ka'bah. This position is called Qiyaam and the direction is called Qiblah in Arabic. The Qiblah in North America is towards the east with a slight angle towards the north.
2. Make Niyyah (intention) in your heart for the prayer you want to pray.
3. Raise your hands to your ears and say: "Allahu Akbar.” This means: (Allah is the Greatest). This is called Takbiratul Ihram
4. Now place your right hand on top of your left hand on the chest and look downward to the place where your forehead will touch the ground in the Sujood (prostration) and recite silently:
</p>
</div>
</div>
)
export default About
@@ -5,6 +5,7 @@ import Search from './Search';
import Home from "./Home";
import Prayer from "./Prayer";
import About from "./About";
import PrayerToSay from "./PrayerToSay";

 import {
   BrowserRouter as Router,
@@ -39,6 +40,8 @@ class App extends Component {
<Link to="/prayer">prayer Time</Link>

<Link to="/About">About</Link>

<Link to="/PrayerToSay">Prayers</Link>


</nav>
@@ -48,6 +51,8 @@ class App extends Component {
<Route path="/prayer" component={Prayer}></Route>

<Route path="/About" component={About}></Route>

<Route path="/PrayerToSay" component={PrayerToSay}></Route>

</Switch>
</Router>
@@ -2,42 +2,13 @@ import React from 'react';

const Home = () => (
<div className= "homePage">
<h2>DAILY FIVE TIME PRAYERS (SALAH)</h2>
<p>Salat
Salat is the obligatory Muslim prayers, performed five times each day by Muslims.
</p>

<p>It is the second Pillar of Islam.</p>

God ordered Muslims to pray at five set times of day:
<ol>
<li>Salat al-fajr: dawn, before sunrise</li>
<li>Salat al-zuhr: midday, after the sun passes its highest</li>
<li>Salat al-'asr: the late part of the afternoon</li>
<li>Salat al-maghrib: just after sunset</li>
<li>Salat al-'isha: between sunset and midnight</li>
</ol>
<div class="flex-container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
</div>

<p>
<h2>
SUPEREOGATORY PRAYERS
</h2>
<p>
The fard are the required number of rakats. Additional rakats are often said: the sunnah are after the example of the Prophet Muhammad (peace and blessings upon him) and are said individuallythat is, not in congregation. The following is a chart of the order and number of rakats for each time of prayer:

</p>

</p>
<h1>PRAYER TIMES</h1>
<p>Prayer Times is an application built for Muslims who live in non-Islamic
countries and cannot hear adhan (or azan) - the call to prayer - 5 times a day.
The Prayer Times API is in JSON formats and allows users to stream the prayer
announcement Adhan five times a day. Endpoints support prayer times calendar,
geolocation information, and current time-stamp</p>

</div>
)

@@ -0,0 +1,84 @@
import React from 'react';

const PrayerToSay = () => (
<div className="Duas">
<h2>PRAYERS TO SAY </h2>
<ol>
<li>"Subhanaka allahumma wa bi hamdika wa tabara kasmuka wa ta'ala jadduka wa la ilaha ghairuka."



سبحانك اللهم و بحمدك، وتبارك اسمك، و تعالى جدك، ولا إله غيرك



This means:O Allah, how perfect You are and praise be to You. Blessed is Your name, and exalted is Your majesty. There is no god but You.” [Only recite this supplication, Subhanaka, at the beginning of the first Rak'ah]
</li>
<li>Then recite silently: "A'udhu billahi minash shaitanir rajim."
أعوذ بالله من الشيطان الرجيم
This is called Ta'awwudh, and it means: “I seek shelter in Allah from the rejected Satan.”</li>
<li>
بسم الله الرحمن الرحيم
Then recite: "Bismillahir rahmanir rahim."
This is called Tasmiyah, and it means: “In the name of Allah, the most Gracious, the most Merciful.”
5. After this, recite Suratul Fatihah (the opening chapter) of the Noble Qur'an:
</li>
<li>"Al hamdu lil lahi rabbil 'alamin. Arrahmanir rahim. Maliki yawmiddin. Iyyaka na'budu wa iyyaka nasta'in. Ihdinas siratal mustaqim. Siratal ladhina an'amta'alaihim, ghairil maghdubi'alaihim wa lad dhallin. (Amin)"
الحمد لله رب العالمين، الرحمن الرحيم، مالك يوم الدين، إياك نعبد
وإياك نستعين، اهدنا الصراط المستقيم، صراط الذين أنعمت عليهم غير المغضوب عليهم ولأ الضا لين
This means:
"All praises and thanks be to Allah, the Lord of the worlds, the most Gracious, the most Merciful; Master of the Day of Judgment. You alone we worship, from You alone we seek help. Guide us along the straight path - the path of those whom You favored, not of those who earned Your anger or went astray.”</li>
<li>You must recite Surat Al-Fatihah in each unit (Rak’ah) of the prayer, if you pray alone. However, if praying behind an Imam and he recites loudly, then it is not necessary for you to recite it.



6. Now recite any other passage from the Noble Qur'an.
For example: "Bismillahir rahmanir rahim
Qul hu wal lahu ahad, allahus samad, lam yalid wa lam yulad, wa lam ya kul lahu kufuwan ahad."
بسم الله الرحمن الرحيم
قل هوا لله أحد،الله الصمد، لم يلد و لم يولد، و لم يكن له كفوا أحد
This means:
“In the name of Allah, the most Gracious, the most Merciful. Say, He is Allah, the One. Allah is Eternal and Absolute. He begets not, nor was He begotten. And there is none co-equal unto Him.”</li>
</ol>
</div>
)
export default PrayerToSay;
@@ -22,7 +22,7 @@ body {
a:link, a:visited {
background-color: darkgray;
color: white;
padding: 5px 5px;
padding: 2px 2px;
text-align: center;
text-decoration: none;
/* display: inline-block; */
@@ -33,7 +33,19 @@ a:link, a:visited {
width: 900px;
display: flex; */
/* justify-content: space-around; */
.info {
text-align: center;
color: red;

}
.Duas {
columns: 3;
padding: 14px 85px;
color:white;
font-size: 15px;
text-align: center;

}
body {
text-align: center;
text-decoration-style: double;
@@ -86,7 +98,7 @@ code {
monospace;
}

.flex-container > div {
/* .flex-container > div {
background-color: #f1f1f1;
width: 100px;
margin: 10px;
@@ -95,5 +107,15 @@ code {
font-size: 30px;
display: flex;
flex-wrap: nowrap;
background-color: DodgerBlue;
}
background-color: DodgerBlue; */

.AboutPage {
font-family: serif;
font-size: 20px;
}
.homePage {
text-align: center;
color: goldenrod;
font-size: 100px;

}

0 comments on commit 0552a8b

Please sign in to comment.