DEV Community: Ayoub

How To use .env in Reactjs Vite

Ayoub — Tue, 03 Oct 2023 11:56:14 +0000

To use .env in react :

1.You need to create .env file .

2.Open the .env file and declare your environment variable.

VITE_REACT_APP_NAME=react app
VITE_REACT_APP_CLIENT_ID=adkksclsc.cscd52

Note: React enforces the prefix REACT_APP on every custom variable. Variable without REACT_APP is ignored. So always create a custom variable like REACT_APP_CUSTOM_VARIABLE.
But if you are using vite you need to add the prefix vite .

3.Now to print your environment variable you need to put process.env before your custom variable.

{process.env.REACT_APP_NAME}

4.Now start your application npm start and refresh the browser to see the changes.

🚀 Discover Comprehensive Programming Language Roadmaps at roadmap.sh

Ayoub — Tue, 22 Aug 2023 18:48:57 +0000

🚀 Check out this awesome website that provides programming language roadmaps! 🌐 It's a comprehensive resource to guide you through learning different programming languages. 📚 Start your coding journey today! 💻
https://roadmap.sh/

I don't Know why laravel doesn't regonize that the user that sending reqeust it logged in ?? Help

Ayoub — Tue, 06 Jun 2023 09:14:58 +0000

this is react code
const token = sessionStorage.getItem("token")
const response = await

axios.post("http://127.0.0.1:8000/api/cours", values, {
        headers: {
          Accept: "application/json",
          "Content-Type": "application/json",
          Authorization: `Bearer ${token}`
        }

and this laravel block code

 public function store(CoursFormRequest $request)
    {
        if (!auth()->check()) {
            return $this->error("", "user is not loged in", 401);
        }
        $request->validated($request->all());
        $cours = new Course();
        $cours->title = $request->title;
        $cours->description = $request->description;
        $cours->Duration = $request->duration;
        $cours->language = $request->language;
        $cours->price = $request->price;
        $cours->category = $request->category;
        $cours->user_id = Auth::user()->id;
        $cours->image = "test";
        $cours->save();
        return new CoursResource($cours);
    }

and this the route :
Route::group(["middleware" => ["auth:sanctum"]], function () {
Route::resource("/cours", CoursController::class);
});

the problem is with the Auth::user()->id
i get cannot read id on null
So helpp

How to fix CORS problem when sending data with axios from React.js to Laravel.js?

Ayoub — Sun, 04 Jun 2023 08:10:59 +0000

i am also using sanctum and sanctum should take care of the cors but nope i get the problem ?

Hello , i need know if there is any library that makes this kind of calender (Help!!)

Ayoub — Sun, 14 May 2023 18:38:22 +0000

So if you don't know this you can recommende a library that give you the abbility to select the the day and the time in that day ,
i trying to add reservation functionality

how can i fix this issue

Ayoub — Fri, 26 Aug 2022 17:10:31 +0000

OOP JAVASCRIPT PROBLEM !!!

Ayoub — Wed, 25 May 2022 20:03:42 +0000

how define the type of variable in constractor javascript oo
Class Personne{
constractor(name){
this.name = name
}
}
how can i make the name type string

#javascript

Ayoub — Sat, 21 May 2022 10:38:50 +0000